import { getTranslations } from 'next-intl/server';
import { Sparkles } from 'lucide-react';
import { WikiBackLink } from '@/components/wiki/WikiBackLink';
import { WikiComplements } from '@/components/wiki/WikiComplements';

/**
 * Seconde moitie du wiki : les pages ecrites a l'execution.
 *
 * Elle est separee des douze sujets publies parce que son contenu n'a pas la
 * meme provenance. Le lecteur doit savoir laquelle il lit.
 */
export default async function WikiComplementsPage() {
  const t = await getTranslations('dashboard.wikiComplements');

  return (
    <div className="space-y-6">
      <WikiBackLink />

      <div className="mb-8">
        <div className="flex items-center gap-3">
          <Sparkles className="h-10 w-10 text-brand-navy" aria-hidden="true" />
          <h1 className="text-3xl font-bold text-brand-navy">{t('title')}</h1>
        </div>
        <p className="mt-3 max-w-3xl text-neutral-600">{t('description')}</p>
      </div>

      <WikiComplements />
    </div>
  );
}