16 lines
425 B
TypeScript
16 lines
425 B
TypeScript
|
interface Props {
|
||
|
|
icon?: string;
|
||
|
|
message: string;
|
||
|
|
sub?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function EmptyState({ icon = '📭', message, sub }: Props) {
|
||
|
|
return (
|
||
|
|
<div className="flex flex-col items-center justify-center py-12 text-wing-muted">
|
||
|
|
<span className="text-4xl mb-3">{icon}</span>
|
||
|
|
<p className="text-sm font-medium">{message}</p>
|
||
|
|
{sub && <p className="text-xs mt-1">{sub}</p>}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|