'use client'; import { useState } from 'react'; import type { ReactNode } from 'react'; export interface FooterProps { content: { footer: { company: { name: string; description: string; slogan: string; }; social: { title: string; links: { name: string; href: string; icon: ReactNode; }[]; }; quickLinks: { title: string; links: { name: string; href: string; }[]; }; services: { title: string; items: string[]; }; contact: { title: string; address: string; phone: string; email: string; hours: string; }; newsletter: { title: string; description: string; placeholder: string; button: string; }; certifications: { title: string; items: string[]; }; copyright: string; icp: string; legal: { links: { name: string; href: string; }[]; }; sitemap: string; }; }; createLocalizedPath: (path: string) => string; } export default function Footer({ content, createLocalizedPath }: FooterProps) { const [email, setEmail] = useState(''); const [isSubscribed, setIsSubscribed] = useState(false); const handleSubscribe = (e: React.FormEvent) => { e.preventDefault(); if (email) { setIsSubscribed(true); setEmail(''); setTimeout(() => setIsSubscribed(false), 3000); } }; return ( ); }