14 lines
460 B
TypeScript
14 lines
460 B
TypeScript
import { Inbox } from "lucide-react";
|
|
|
|
export default function EmptyState({ title, hint, icon }: {
|
|
title: string; hint?: string; icon?: React.ReactNode;
|
|
}) {
|
|
return (
|
|
<div className="py-12 text-center text-slate-400">
|
|
<div className="mx-auto mb-3 opacity-50">{icon ?? <Inbox className="h-8 w-8 mx-auto" />}</div>
|
|
<p className="font-medium text-slate-500">{title}</p>
|
|
{hint && <p className="text-sm mt-1">{hint}</p>}
|
|
</div>
|
|
);
|
|
}
|