import { Card, CardContent, CardHeader } from '@/components/ui/Card';
import { Check } from 'lucide-react';
import Badge from '@ui/Badge';

interface BackupWidgetProps {
  onClick?: () => void;
}

export default function BackupWidget({ onClick }: BackupWidgetProps) {
  return (
    <Card
      onClick={onClick}
      className="cursor-pointer transition-all duration-300 ease-in-out"
    >
      <CardHeader>
        <h2 className="text-lg font-semibold">Sauvegardes</h2>
        <Badge className="max-w-fit min-w-fit" name="PRA Immuable">
        </Badge>
      </CardHeader>
      <CardContent className="p-6 flex flex-col h-full">
        <Card variant="flat" className="rounded-lg p-4 border border-slate-100 mb-4">
          <p className="text-sm text-slate-500 mb-1">Dernier snapshot système</p>
          <p className="text-slate-900 font-medium">Aujourd'hui à 03:00 AM</p>
        </Card>
        <div className="flex items-center text-emerald-600 text-sm font-medium">
          <Check></Check>
          Intégrité validée avec succès
        </div>
      </CardContent>
    </Card>
  );
}