// ==========================================
// Footer Component
// ==========================================

const Footer = ({ t }) => {
    return (
        <footer className="max-w-7xl mx-auto px-6 py-12 border-t border-slate-800 flex flex-col md:flex-row justify-between items-center gap-6 opacity-30">
            <div className="flex flex-col items-center md:items-start gap-2">
                <p className="text-[10px] font-black uppercase tracking-[0.4em]">© 2025 PIXELGEN LAB PROTOCOL</p>
                <p className="text-[8px] font-mono">v{window.AppConfig.APP_VERSION}</p>
            </div>
            <div className="flex gap-8">
                <span className="text-[10px] font-black uppercase tracking-widest hover:text-indigo-400 cursor-help transition-colors">{t('Usage Guide', '使用说明')}</span>
                <span className="text-[10px] font-black uppercase tracking-widest hover:text-indigo-400 cursor-help transition-colors">{t('Service Status', '服务状态')}</span>
            </div>
        </footer>
    );
};

window.Footer = Footer;