import { FileCheck } from "lucide-react";
import { Card, CardContent } from "@/components/ui/card";

interface ClaimsEmptyStateProps {
  message?: string;
}

export function ClaimsEmptyState({
  message = "No claims found",
}: ClaimsEmptyStateProps) {
  return (
    <Card>
      <CardContent className="flex flex-col items-center justify-center py-12 text-center">
        <FileCheck className="h-12 w-12 text-muted-foreground mb-4" />
        <p className="text-lg font-medium text-muted-foreground">{message}</p>
        <p className="text-sm text-muted-foreground mt-2">
          Author claims using the <code className="px-1 py-0.5 bg-muted rounded">aphoria-claims</code> skill or create them manually.
        </p>
      </CardContent>
    </Card>
  );
}
