15 lines
893 B
TypeScript
15 lines
893 B
TypeScript
import { RefreshCw, TriangleAlert } from "lucide-react";
|
|
import { Button } from "@/components/ui/button";
|
|
import { Card } from "@/components/ui/card";
|
|
|
|
export function ErrorState({ title = "Nie udało się pobrać danych", description = "Sprawdź połączenie i spróbuj ponownie.", onRetry }: { title?: string; description?: string; onRetry: () => void }) {
|
|
return (
|
|
<Card className="flex min-h-52 flex-col items-center justify-center p-8 text-center">
|
|
<div className="mb-4 rounded-full bg-amber-500/15 p-3 text-amber-700 dark:text-amber-300"><TriangleAlert className="size-6" /></div>
|
|
<h2 className="text-lg font-semibold">{title}</h2>
|
|
<p className="mb-5 mt-2 max-w-md text-sm leading-6 text-slate-600 dark:text-slate-300">{description}</p>
|
|
<Button variant="glass" onClick={onRetry}><RefreshCw className="size-4" />Spróbuj ponownie</Button>
|
|
</Card>
|
|
);
|
|
}
|