"use client";

import { useLocale } from 'next-intl';
import { Link } from 'next-view-transitions';

interface LocaleLinkProps {
  href: string;
  children: React.ReactNode;
  className?: string;
  [key: string]: any;
}

export function LocaleLink({ href, children, ...props }: LocaleLinkProps) {
  const locale = useLocale();

  if (href.startsWith('http') || href.startsWith('//')) {
    return <Link href={href} {...props}>{children}</Link>;
  }

  const normalizedHref = href.startsWith('/') ? href : `/${href}`;

  if (
    normalizedHref === `/${locale}` ||
    normalizedHref.startsWith(`/${locale}/`)
  ) {
    return <Link href={normalizedHref} {...props}>{children}</Link>;
  }

  const localizedHref = `/${locale}${normalizedHref === '/' ? '' : normalizedHref}`;

  return <Link href={localizedHref} {...props}>{children}</Link>;
}