import { Button } from "@mui/material"
import Detail from "./Detail"
import RoutingC from "@/components/icons/RoutingC"

function Contact({ data }) {
    return (
        <div className="opacity-page py-[32px] px-[64px] border border-[#EFEFEF] rounded-[16px]">
            <div className="flex items-end justify-between">
                <Detail data={data} />
                <Button
                    className="!gap-[8px] !py-[8px] !px-[12px]"
                    variant="outlined"
                >
                    <RoutingC />
                    مسیریابی
                </Button>
            </div>
            <iframe
                src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d83998.96777841153!2d2.264635095144491!3d48.85882549249809!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47e66e1f06e2b70f%3A0x40b82c3688c9460!2sParis%2C%20France!5e0!3m2!1sen!2snl!4v1723498499341!5m2!1sen!2snl"
                className='w-full h-[460px] rounded-lg mt-[24px]'
                referrerPolicy="no-referrer-when-downgrade"
                allowFullScreen=""
                loading="lazy"
            ></iframe>
        </div>
    )
}

export default Contact