import { ReactNode } from 'react';
import { FiInbox } from 'react-icons/fi';

export interface EmptyStateProps {
	message: string;
	icon?: ReactNode;
	action?: ReactNode;
}

export function EmptyState({ message, icon, action }: EmptyStateProps) {
	return (
		<div className='flex flex-col items-center justify-center py-12 text-center'>
			{icon || <FiInbox className='text-text-muted mb-4' size={48} />}
			<p className='text-text-secondary text-lg mb-4'>{message}</p>
			{action && <div>{action}</div>}
		</div>
	);
}