import { Button } from "@/components/ui/button";
import { Card } from "@/components/ui/card";

export function EmptyState({ title, text, action }: { title: string; text: string; action?: string }) {
  return (
    <Card className="grid place-items-center py-12 text-center">
      <svg viewBox="0 0 120 120" className="mb-4 h-20 w-20 text-gold" aria-hidden="true">
        <path d="M43 18h34c0 19-6 31-17 36v30" fill="none" stroke="currentColor" strokeWidth="3" />
        <path d="M41 86h38" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
        <path d="M48 102h24" fill="none" stroke="currentColor" strokeWidth="3" strokeLinecap="round" />
      </svg>
      <h3 className="font-serif text-2xl font-semibold text-bordeaux-deep">{title}</h3>
      <p className="mt-2 max-w-md text-sm leading-relaxed text-smoke">{text}</p>
      {action ? (
        <Button className="mt-6" variant="secondary">
          {action}
        </Button>
      ) : null}
    </Card>
  );
}