function ContentContact({ text, children, url }) {

    const openURL = url => window.open(url);

    return (
        <li
            className="flex cursor-pointer items-center justify-start gap-4"
            onClick={() => openURL(url)}
        >
            <div className="p-2 rounded-[8px] bg-[#EBFAFA] grid place-items-center">
                {children}
            </div>
            <p className="text-[#FFF] text-[14px] md:text-[18px] sm:text-[16px] lg:text-[20px] font-normal">{text}</p>
        </li>
    )
}

export default ContentContact