import type { ReactNode } from "react";

type EmptyStateCardProps = {
  title: string;
  description: string;
  footer?: ReactNode;
};

export function EmptyStateCard({ title, description, footer }: EmptyStateCardProps) {
  return (
    <section className="card-std p-8">
      <h3 className="card-title">{title}</h3>
      <p className="card-desc">{description}</p>
      {footer ? <div className="mt-4">{footer}</div> : null}
    </section>
  );
}