import { Card } from "@/components/ui/basic";
export const EmptyState = ({
  title = "No data",
  description,
}: {
  title?: string;
  description?: string;
}) => (
  <Card className="text-center text-zinc-400">
    <h3 className="text-lg text-zinc-100">{title}</h3>
    {description && <p>{description}</p>}
  </Card>
);
export const ErrorState = ({ message }: { message: string }) => (
  <Card className="border-red-500/30 text-red-300">{message}</Card>
);
export const LoadingCard = () => (
  <Card className="h-32 animate-pulse bg-zinc-900" />
);
export const LoadingGrid = () => (
  <div className="grid gap-4 md:grid-cols-3">
    {Array.from({ length: 6 }).map((_, i) => (
      <LoadingCard key={i} />
    ))}
  </div>
);
export const LoadingTimeline = LoadingGrid;
export const LoadingTable = LoadingGrid;