import { Button, Card, CardContent, CardDescription, CardHeader, CardTitle } from "@hexahost/ui";

interface EmptyStateProps {
  title: string;
  description: string;
  actionLabel: string;
  onAction?: () => void;
}

export function EmptyState({
  title,
  description,
  actionLabel,
  onAction,
}: EmptyStateProps) {
  return (
    <Card className="border-dashed">
      <CardHeader>
        <CardTitle>{title}</CardTitle>
        <CardDescription>{description}</CardDescription>
      </CardHeader>
      <CardContent>
        <Button variant="secondary" onClick={onAction} disabled={!onAction}>
          {actionLabel}
        </Button>
      </CardContent>
    </Card>
  );
}
