import type { ReactNode } from "react";

export function ComingNext({ icon, title, text }: { icon: ReactNode; title: string; text: string }) {
  return (
    <main className="mx-auto flex min-h-[75vh] max-w-xl flex-col items-center justify-center gap-4 px-6 text-center">
      <div className="flex h-24 w-24 items-center justify-center rounded-3xl border border-border bg-card shadow-glow">{icon}</div>
      <h1 className="text-4xl font-bold tracking-tight">{title}</h1>
      <p className="text-muted-foreground">{text}</p>
      <span className="rounded-full border border-border px-3 py-1 font-mono text-xs uppercase tracking-wider text-muted-foreground">Coming next</span>
    </main>
  );
}