import type { ReactNode } from "react";

type Props = {
  title: string;
  description?: string;
  action?: ReactNode;
};

export function EmptyState({ title, description, action }: Props) {
  return (
    <div className="hb-empty">
      <h2 className="hb-empty__title">{title}</h2>
      {description ? <p className="hb-empty__desc">{description}</p> : null}
      {action}
    </div>
  );
}
