import type { PropsWithChildren } from 'react';

type Props = PropsWithChildren<{
  icon?: string;
  title: string;
  description?: string;
}>;

/** حالت خالی دوستانه به‌جای «موردی وجود ندارد» خشک. */
export function EmptyState({ icon = 'bi-inbox', title, description, children }: Props) {
  return (
    <div className="empty-state">
      <i className={`bi ${icon}`} aria-hidden="true" />
      <h3>{title}</h3>
      {description && <p>{description}</p>}
      {children}
    </div>
  );
}