import React from 'react';
import { getLegalDocument } from '@/app/actions/legal';
import LegalEditor from '@/components/LegalEditor';

export const metadata = {
  title: 'Documents Légaux - AfroAdmin',
  description: 'Gérez les CGU et CGV de la plateforme.',
};

export default async function LegalPage() {
  const cgu = await getLegalDocument('CGU');
  const cgv = await getLegalDocument('CGV');

  return (
    <div className="p-8 max-w-5xl mx-auto">
      <div className="mb-10">
        <h1 className="text-3xl font-bold text-white mb-2">Documents Légaux</h1>
        <p className="text-slate-400">Modifiez les conditions générales d'utilisation et de vente du site.</p>
      </div>

      <LegalEditor initialCgu={cgu} initialCgv={cgv} />
    </div>
  );
}