function ServicesLigne({ subpage }) { const pages = { 'etat-civil': , 'courrier': , 'manifestation': , 'emploi': , }; return pages[subpage] || ; } function FormField({ label, type = 'text', placeholder, required, children, half }) { return (
{children || e.target.style.borderColor = '#0f3219'} onBlur={e => e.target.style.borderColor = '#ddd'} />}
); } function SubmitBtn({ label = 'Envoyer' }) { const [sent, setSent] = React.useState(false); if (sent) return
✓ Votre demande a été envoyée avec succès.
; return ; } function EtatCivil() { const w = useW(); const isMobile = w < 700; const [activeDoc, setActiveDoc] = React.useState('naissance'); const docs = [ { id: 'naissance', label: 'Extrait de naissance', icon: '👶', desc: "Un acte de naissance est un document juridique authentique attestant de la naissance d'une personnalité juridique.", docs: "Copie de l'acte sollicité ou les références", cout: '3 500 F CFA (même région) — 5 000 F CFA (autre région)' }, { id: 'mariage', label: 'Acte de mariage', icon: '💍', desc: "Un acte de mariage est un document officiel rédigé par un officier d'état civil lors de la célébration d'un mariage civil.", docs: "Copie de l'acte sollicité ou les références", cout: '3 500 F CFA (même région) — 5 000 F CFA (autre région)' }, { id: 'famille', label: 'Livret de famille', icon: '👨‍👩‍👧', desc: "Le livret de famille est un document officiel consistant en un recueil d'extraits d'actes d'état civil relatifs à une famille.", docs: "Pièce d'identité valide", cout: 'Gratuit à la délivrance' }, { id: 'vie', label: 'Certificat de vie', icon: '❤️', desc: "Un certificat de vie est un document officiel attestant qu'une personne est vivante à un moment donné.", docs: "Pièce d'identité valide — présence physique requise", cout: 'Gratuit' }, { id: 'deces', label: 'Certificat de décès', icon: '📋', desc: "Un acte de décès est un document officiel émis par l'état civil attestant du décès d'une personne.", docs: "Copie de l'acte sollicité ou les références", cout: '3 500 F CFA (même région) — 5 000 F CFA (autre région)' }, ]; const doc = docs.find(d => d.id === activeDoc); return (
{/* Doc selector */}
{docs.map(d => ( ))}
{/* Sidebar */} {!isMobile && (
{docs.map(d => ( ))}
)}
{doc.icon}
ÉTAT CIVIL
{doc.label}

{doc.desc}

Documents à fournir
{doc.docs}
Coût
{doc.cout}

Faire la demande