import { cn } from '@/lib/utils';
import type { ReactNode } from 'react';

interface ComingSoonProps {
  title: string;
  description?: string;
  badge?: string;
  children?: ReactNode;
  className?: string;
}

/** Placeholder for routes whose feature isn't shipped yet. Each
 *  M13b W1+ workstream replaces its placeholder with the real
 *  feature folder. */
export function ComingSoon({ title, description, badge, children, className }: ComingSoonProps) {
  return (
    <div className={cn('mx-auto max-w-2xl py-12', className)}>
      <div className="rounded-lg border bg-card p-8 shadow-sm">
        <div className="mb-4 flex items-center gap-2">
          <span className="rounded-md bg-muted px-2 py-0.5 text-xs font-medium text-muted-foreground">
            {badge ?? 'coming soon'}
          </span>
        </div>
        <h2 className="mb-2 text-2xl font-semibold tracking-tight">{title}</h2>
        {description ? (
          <p className="mb-6 text-sm text-muted-foreground">{description}</p>
        ) : null}
        {children}
      </div>
    </div>
  );
}
