20 lines
577 B
TypeScript
20 lines
577 B
TypeScript
'use client';
|
||
|
||
interface Props {
|
||
message: string;
|
||
icon?: string;
|
||
variant?: 'info' | 'success' | 'warning';
|
||
}
|
||
|
||
const variants = { info: 'bg-blue-50', success: 'bg-green-50', warning: 'bg-orange-50' };
|
||
const icons = { info: 'ℹ️', success: '✅', warning: '⚠️' };
|
||
|
||
export default function EmptyState({ message, icon, variant = 'info' }: Props) {
|
||
return (
|
||
<div className={`card p-5 ${variants[variant]} flex items-center gap-3`}>
|
||
<span className="text-xl">{icon || icons[variant]}</span>
|
||
<span className="text-sm">{message}</span>
|
||
</div>
|
||
);
|
||
}
|