'use client';

import type {MouseEvent, ReactNode} from 'react';
import Link from 'next/link';
import {useRouter} from 'next/navigation';
import {useAuth} from '@/app/context/AuthContext';

export default function ProtectedLink({
    href,
    children,
    className,
    onClick,
}: {
    href: string;
    children: ReactNode;
    className?: string;
    onClick?: () => void;
}) {
    const auth = useAuth();
    const router = useRouter();
    const handleClick = (event: MouseEvent<HTMLAnchorElement>) => {
        onClick?.();
        if (!auth.isAuthenticated) {
            event.preventDefault();
            auth.openLogin(() => router.push(href));
        }
    };
    return (
        <Link href={href} className={className} onClick={handleClick}>
            {children}
        </Link>
    );
}