"use client";

import Link from "next/link";
import { usePathname } from "next/navigation";

export default function LanguageSwitcher() {
  const pathname = usePathname();

  const switchLang = (lang: "fr" | "en") => {
    const segments = pathname.split("/");

    segments[1] = lang;

    return segments.join("/");
  };

  return (
    <div className="flex items-center gap-3 text-sm">
      <Link href={switchLang("fr")}>
        <button className="hover:underline">
          FR
        </button>
      </Link>

      <span>|</span>

      <Link href={switchLang("en")}>
        <button className="hover:underline">
          EN
        </button>
      </Link>
    </div>
  );
}