'use client';

import Styles from '../styles/layout.module.scss';
import Link from 'next/link';
import { useConfigContext } from '@/contexts/configProvider';

export default function Footer()
{
	const config = useConfigContext();

    return (
        <footer id='footer' className={`${Styles.footer} px-4`}>
            <nav className={Styles.footerLinks} aria-label='하단 메뉴'>
                <Link href='https://dpot.company'>회사소개</Link>
                <Link href='/docs/terms-of-service'>이용약관</Link>
                <Link href='/docs/privacy-policy'>개인정보처리방침</Link>
                <Link href='/docs/youtube-api-disclosure'>YouTube 고지</Link>
                <Link href={`https://www.ftc.go.kr/bizCommPop.do?wrkr_no=${config.company.regNo?.replace(/-/g, '') ?? ''}`} target='_blank' rel='noopener noreferrer'>
                    사업자 정보
                </Link>
            </nav>
            <p className={Styles.footerCopy}>© 2025 개미투자. All rights reserved.</p>
        </footer>
    );
}