spb/fabri-ka Public

1import { ReactNode } from 'react'2import { IconAlert, IconLeaf } from './Icons'34interface Props {5  variant?: 'empty' | 'error'6  title?: string7  message: string8  children?: ReactNode9}1011/**12 * Designed empty / error state: circled icon + message + optional action.13 */14export default function EmptyState({15  variant = 'empty',16  title,17  message,18  children,19}: Props) {20  return (21    <div className={`empty-state empty-state-${variant}`}>22      <span className="empty-state-icon" aria-hidden="true">23        {variant === 'error' ? <IconAlert size={28} /> : <IconLeaf size={28} />}24      </span>25      {title && <h2 className="empty-state-title">{title}</h2>}26      <p>{message}</p>27      {children && <div className="empty-state-action">{children}</div>}28    </div>29  )30}31