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>
  );
}