function LocationDoctor({ doctor }) {
    return (
        <div>
            <div className="my-8">
                <p className="text-[#525252] text-[20px] font-bold">موقعیت مکانی </p>
            </div>
            <div className="gap-4 flex flex-col items-start">
                <p className="text-[#525252] text-[16px] font-normal">آدرس: {doctor.location}</p>
                <p className="text-[#525252] text-[16px] font-normal">تلفن: {doctor.phone}</p>
                <p className="text-[#525252] text-[16px] font-normal">روزهای کاری: {doctor.hours_of_work}</p>
            </div>
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d12959.6445083469!2d51.33890241984384!3d35.70380456224644!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3f8dfe05732c2e91%3A0xfcbec017befd15f4!2sAzadi%20Tower!5e0!3m2!1sen!2snl!4v1700601294504!5m2!1sen!2snl"
                className='w-full h-[470px] rounded-lg my-4'
                allowFullScreen=""
                loading="lazy"
                referrerPolicy="no-referrer-when-downgrade"
            ></iframe>
        </div>
    )
}

export default LocationDoctor