import { montserratFont } from "@/app/layout"
import { ButtonLinkProps } from "@/types/elements"

const ButtonLink = ({ href, label, iconLeft, iconRight, variant }: ButtonLinkProps) => {
    return (
        <a role="button" className={`btn ${variant === 'ghost' ? 'btn-ghost' : ''} flex justify-start text-sm text-nowrap text-[#0063A7] visited:text-[#0063A7] ${montserratFont.className}`} href={href}>
            {iconLeft && <span className="justify-self-start">{iconLeft}</span>}
            {label}
            {iconRight && <span className="ml-auto">{iconRight}</span>}
        </a>
    )
}

export default ButtonLink