import Link from "next/link";

export function EmptyState({
  title,
  href,
  actionLabel
}: {
  title: string;
  href?: string;
  actionLabel?: string;
}) {
  return (
    <div className="panel flex flex-col items-center justify-center gap-3 px-4 py-12 text-center">
      <p className="text-sm font-medium text-slate-700">{title}</p>
      {href && actionLabel ? (
        <Link className="btn-primary" href={href}>
          {actionLabel}
        </Link>
      ) : null}
    </div>
  );
}