"use client"
import Link from "next/link"

interface MainLinkProps {
    locale: string
    href: string
    children: React.ReactNode
    className?: string
    styleMe?: boolean
}

const   MainLink = (params: MainLinkProps) => {
    const { locale, href, children, className } = params
    return (
        <Link
            href={`/${locale}/${href}`}
            className={`text-white inline-block ${className} ${
                params?.styleMe
                    ? "hover:!bg-transparent hover:!bg-none hover:text-primary hover:!border-primary border duration-500"
                    : ""
            } `}
        >
            {children}
        </Link>
    )
}

export default MainLink