import React from 'react';
import { useTranslation } from 'react-i18next';
import { USER_AGREEMENT_TEXT, KVKK_TEXT, DISCLAIMER_TEXT } from '../legal_texts';

interface FooterProps {
    openModal: (title: string, content: string) => void;
}

export const Footer: React.FC<FooterProps> = ({ openModal }) => {
    const { t } = useTranslation();

    return (
        <footer className="mt-20 border-t border-stone-200 py-12 bg-white">
            <div className="max-w-[1600px] mx-auto px-10 flex flex-col md:flex-row justify-between items-center gap-6">
                <div className="flex items-center gap-2">
                    <span className="text-xl font-black tracking-tight text-stone-900">DIGICRAFT™</span>
                    <span className="text-[10px] font-bold text-stone-400">v16.0</span>
                </div>

                <div className="flex gap-8 text-[11px] font-bold uppercase tracking-wider text-stone-500">
                    <button onClick={() => openModal("User Agreement & IP Rights", USER_AGREEMENT_TEXT)} className="hover:text-stone-900 transition-colors">User Agreement</button>
                    <button onClick={() => openModal("KVKK & Privacy", KVKK_TEXT)} className="hover:text-stone-900 transition-colors">KVKK & Privacy</button>
                    <button onClick={() => openModal("Legal Disclaimer", DISCLAIMER_TEXT)} className="hover:text-stone-900 transition-colors">Disclaimer</button>
                </div>

                <div className="text-[10px] text-stone-400 font-medium">
                    © {new Date().getFullYear()} Harun CAN. All Rights Reserved.
                </div>
            </div>
        </footer>
    );
};

export default Footer;
