import type { LucideIcon } from "lucide-react";

interface EmptyStateProps {
  message: string;
  icon?: LucideIcon;
}

export function EmptyState({ message, icon: Icon }: EmptyStateProps) {
  return (
    <div className="flex flex-col items-center justify-center gap-3 py-16 text-center text-muted">
      {Icon && <Icon className="h-10 w-10 text-gray-300" strokeWidth={1.5} />}
      <p className="text-sm">{message}</p>
    </div>
  );
}