'use client';

import CallC from "../icons/CallC";
import EmailC from "../icons/EmailC";
import WhatsappC from "../icons/WhatsappC";
import ContentContact from "./ContentContact";

function Call() {

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

    return (
        <div data-aos="flip-left"
            className="lg:min-w-[calc(50%_+_70px)] bg-[#5559C2] lg:pl-[18%] h-fit pt-[16px] sm:pt-[29px] md:pt-[42px] lg:pt-[55px] 
        bg-contact rounded-[8px] pb-[30px] sm:pb-[42px] md:pb-[55px] 
        overflow-hidden lg:pb-[171px] px-[16px] sm:px-[27px] md:px-[39px] lg:px-[48px]">
            <p className="text-[#FAFAFA] text-[20px] font-bold">تماس با ما</p>
            <p
                className="text-[#FAFAFA] leading-[26px] text-[16px] font-normal mt-6"
            >سامانه نوبت 724 به مردم کمک می کند تا دسترسی آسان تر و سریع تری به خدمات پزشکی و درمانی داشته باشند.</p>
            <ul className="flex flex-col mt-[68px] justify-start items-start gap-[32px]">
                <ContentContact
                    url='tel:900300400'
                    text='تلفن تماس: ۰۲۱۳۶۳۵۴۵۹۸'
                >
                    <CallC />
                </ContentContact>
                <ContentContact
                    url='https://wa.me/09124568794'
                    text='واتساپ: ۰۹۱۲۴۵۶۸۷۹۴'
                >
                    <WhatsappC />
                </ContentContact>
                <ContentContact
                    url='mailto:batome@gmail.com'
                    text='ایمیل: batome@gmail.com'
                >
                    <EmailC />
                </ContentContact>
            </ul>
        </div>
    )
}

export default Call