/**
 * Placeholder component
 * ---------------------
 * Renders a centred "coming soon" card used by every stub page.
 * Pass the page title and an optional description.
 */

interface PlaceholderProps {
  title: string;
  description?: string;
}

export function Placeholder({ title, description }: PlaceholderProps) {
  return (
    <div className="flex flex-col items-center justify-center h-full min-h-[60vh] text-center gap-3">
      <div className="w-14 h-14 rounded-2xl bg-brand-50 flex items-center justify-center mb-2">
        <span className="text-2xl">🚧</span>
      </div>
      <h1 className="text-xl font-bold text-slate-900">{title}</h1>
      <p className="text-slate-500 text-sm max-w-xs">
        {description ?? "This page is coming soon. Check back for updates."}
      </p>
    </div>
  );
}
