"use client"
import { images } from "@/lib/images"
import Image from "next/image"
import Link from "next/link"
import { usePathname } from "next/navigation"

const LangChanger = ({ lang }: { lang: Lang }) => {
    const pathname = usePathname()

    return (
        <div>
            <Link href={`/${lang === "en" ? "ar" : "en"}${pathname.slice(3)}`} className="flex items-center gap-1">
                <span>{lang !== "en" ? "EN" : "AR"}</span>
                <span>
                    <Image src={lang !== "en" ? images.en : images.ar} alt="lang" width={30} height={30} />
                </span>
            </Link>
        </div>
    )
}

export default LangChanger