Empty

import {
  Button,
  Card,
  CardAction,
  CardContent,
  CardDescription,
  CardHeader,
  CardTitle,
} from "@cronus-ui/ui";
import { Download } from "lucide-react";

export function AuditLogEmptyBlock() {
  return (
    <Card aria-label="Audit log" className="mx-auto w-full max-w-3xl gap-0 pb-0 shadow-md">
      <CardHeader>
        <CardTitle className="font-display text-lg">Audit log</CardTitle>
        <CardDescription>Security-relevant activity across the Meridian workspace.</CardDescription>
        <CardAction>
          <Button variant="outline" size="sm">
            <Download className="size-4" aria-hidden="true" />
            Export
          </Button>
        </CardAction>
      </CardHeader>

      <CardContent className="flex flex-col items-center justify-center gap-2 py-12 text-center">
        <p className="text-sm font-medium text-fg">No events yet.</p>
        <p className="text-sm text-fg-secondary">Security-relevant activity will show up here.</p>
      </CardContent>
    </Card>
  );
}