import './EmptyState.css';
import type { ReactNode } from 'react';

interface EmptyStateProps {
  title?: string;
  message?: string;
  /** Action optionnelle (ex. bouton « Créer »). */
  children?: ReactNode;
}

/** État « aucun résultat » réutilisable pour les listes vides. */
export default function EmptyState({ title = 'Aucun résultat', message, children }: EmptyStateProps) {
  return (
    <div className="empty-state">
      <p className="empty-state__title">{title}</p>
      {message && <p className="empty-state__message">{message}</p>}
      {children}
    </div>
  );
}