'use client';

import { LucideIcon } from 'lucide-react';
import { EmptyState } from '@/ui/EmptyState';

interface SharedEmptyStateProps {
  icon: LucideIcon;
  title: string;
  description?: string;
  action?: {
    label: string;
    onClick: () => void;
    variant?: 'primary' | 'secondary' | 'ghost' | 'danger' | 'race-final' | 'discord';
  };
}

export function SharedEmptyState({ icon, title, description, action }: SharedEmptyStateProps) {
  return (
    <EmptyState
      icon={icon}
      title={title}
      description={description}
      action={action}
    />
  );
}