import { Inbox } from "lucide-react";

export default function EmptyState({ title, hint, icon }: {
  title: string; hint?: string; icon?: React.ReactNode;
}) {
  return (
    <div className="py-12 text-center text-slate-400">
      <div className="mx-auto mb-3 opacity-50">{icon ?? <Inbox className="h-8 w-8 mx-auto" />}</div>
      <p className="font-medium text-slate-500">{title}</p>
      {hint && <p className="text-sm mt-1">{hint}</p>}
    </div>
  );
}