import Popup2 from "../../../public/assets/img/popup-icono2.webp"

const Garantia = () => {
    return (
        <>
            <div data-te-modal-init className="fixed left-0 top-0 z-[1055] hidden h-full w-full overflow-y-auto overflow-x-hidden outline-none" id="garantia" tabIndex="-1" aria-labelledby="exampleModalCenterTitle" aria-modal="true" role="dialog">
                <div data-te-modal-dialog-ref className="pointer-events-none relative w-auto translate-y-[-50px] opacity-0 transition-all duration-300 ease-in-out min-[576px]:mx-auto min-[576px]:mt-7 min-[576px]:max-w-[500px] min-[992px]:max-w-[800px]">
                    <div className="pointer-events-auto relative flex w-full flex-col rounded-md border-none bg-white bg-clip-padding text-current shadow-lg outline-none dark:bg-neutral-600 p-10">
                        
                        <div className="relative p-4 flex flex-col justify-center items-center">
                            <img src={Popup2} alt="Contamos con los mejores productos" width={120} height={120} />
                            <p className="text-eGray text-center font-MontserratBold text-3xl my-8">Garantía incluída con tu compra</p>
                            <p className="text-eGray text-center font-MontserratRegular">Todas nuestras puertas cuentan con un año de garantía limitada, para su mejor experiencia con tu producto te recomendamos contratar a personal certificado Eversafe.<br /><br />Para términos y condiciones ver Políticas de Garantía Eversafe. Eversafe ofrece una garantía limitada sujeta a términos y condiciones.</p>
                        </div>

                        <div className="flex flex-shrink-0 flex-wrap items-center justify-center rounded-b-md border-neutral-100 border-opacity-100 p-4 dark:border-opacity-50">
                            <button type="button" className="bg-eYellow rounded-full py-2 px-8" data-te-modal-dismiss data-te-ripple-init data-te-ripple-color="light"> Volver </button>
                        </div>
                    </div>
                </div>
            </div>
        </>
    )
}

export default Garantia
