21 lines
658 B
TypeScript
21 lines
658 B
TypeScript
import { Card, CardContent } from '@heroui/react';
|
|
import { Inbox } from 'lucide-react';
|
|
|
|
type Props = {
|
|
message?: string;
|
|
icon?: React.ReactNode;
|
|
};
|
|
|
|
export function EmptyState({ message = 'Keine Daten vorhanden', icon }: Props) {
|
|
return (
|
|
<Card className="border border-default-100 bg-default-50/10">
|
|
<CardContent className="flex flex-col items-center gap-3 py-8">
|
|
<div className="flex size-12 items-center justify-center rounded-full bg-default-100/50 text-default-400">
|
|
{icon || <Inbox size={24} />}
|
|
</div>
|
|
<p className="text-small text-default-400">{message}</p>
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
}
|