export default function ComingSoon({ title, description }: { title: string; description?: string }) {
  return (
    <div>
      <h1 className="font-[family-name:var(--font-heading)] text-2xl font-bold text-stone-800">{title}</h1>
      <div className="mt-6 rounded-lg border border-dashed border-rose-200 bg-rose-50/40 p-8 text-center">
        <p className="text-sm font-medium text-stone-600">Coming soon</p>
        {description && <p className="mx-auto mt-1 max-w-md text-sm text-stone-500">{description}</p>}
      </div>
    </div>
  );
}