import { FaWhatsapp } from "react-icons/fa";

export default function WaButton({
    url,
    id,
    shine,
    margin,
    className,
}: Addons.SocialButton) {
    return (
        <div className={`fixed ${margin} left-8`}>
            <a
                href={url}
                aria-label="Ir a nuestro WhatsApp"
                target="_blank"
                className={`relative overflow-hidden rounded-full text-center text-white bg-[#25D366] hover:bg-[#21bc5a] text-[30px] p-3.5 shadow shadow-gray-800 cursor-pointer inline-block ${shine ? "before:absolute before:top-0 before:w-full before:h-full before:bg-gradient-to-tr before:from-transparent before:via-white/40 before:to-transparent before:transition-all before:duration-[300ms] before:left-[-100%] before:hover:left-[100%]" : null} ${className}`}
                id={id}
            >
                <FaWhatsapp />
            </a>
        </div>
    );
}