import { Inbox } from 'lucide-react';

export default function EmptyState({ icon: Icon, title, description, action }) {
  return (
    <div className="empty-state">
      <div className="empty-state-icon">{Icon ? <Icon size={48} strokeWidth={1} /> : <Inbox size={48} strokeWidth={1} />}</div>
      <div className="empty-state-text">{title || 'موردی یافت نشد'}</div>
      {description && <div className="empty-state-desc">{description}</div>}
      {action && <div style={{ marginTop: '1rem' }}>{action}</div>}
    </div>
  );
}
