export default function EmptyState({
  title,
  description,
  cta
}: {
  title: string;
  description?: string;
  cta?: React.ReactNode;
}) {
  return (
    <div className="text-center py-5">
      <div className="display-6 text-muted mb-2">🎯</div>
      <h4>{title}</h4>
      {description && <p className="text-muted">{description}</p>}
      {cta}
    </div>
  );
}
