import type { FC, Child } from "hono/jsx";

interface EmptyStateProps {
  message: string;
  action?: Child;
}

export const EmptyState: FC<EmptyStateProps> = ({ message, action }) => (
  <div class="empty-state">
    <p>{message}</p>
    {action && <div class="empty-state__action">{action}</div>}
  </div>
);