import { Card } from '@/components/ui/card';
import { getT } from '@/i18n/t';

/**
 * COPY.md section 13: these ship as clearly marked placeholders. Never generate legal
 * text. A human writes both documents before launch, tracked in DECISIONS.md.
 */
export async function LegalPlaceholder({ title, locale }: { title: string; locale: string }) {
  const t = await getT(locale);
  return (
    <div className="mx-auto w-full max-w-2xl px-5 py-12">
      <h1 className="text-3xl font-semibold tracking-tight text-balance">{title}</h1>
      <Card className="mt-6 space-y-2">
        <p className="font-medium text-attention">{t('legal.placeholder')}</p>
        <p className="text-sm text-[var(--text-muted)] text-pretty">{t('legal.placeholderBody')}</p>
      </Card>
    </div>
  );
}