import Button from "../ui/button";
import CloseButton from "../ui/close-button";

const CondicionesComercialesModal = () => {
  return (
    <div className="bg-white py-4 md:py-8 rounded-lg w-[min(90%,51.875rem)] max-h-[90dvh] overflow-hidden grid grid-rows-[auto_1fr_auto] gap-4 md:gap-6">
      <div className="flex gap-4 justify-between items-center px-4 md:px-8">
        <h3 className="text-[1.25rem] md:text-[min(3vw,2.5rem)]">Condiciones comerciales</h3>
        <CloseButton />
      </div>
      <div className="overflow-auto mawdy-scrollbar mr-1 pl-4 pr-3 md:pl-8 md:pr-7">
        Lorem ipsum dolor sit amet consectetur. Viverra varius dignissim neque urna morbi. Velit morbi ultrices
        scelerisque egestas faucibus egestas pellentesque et mi. Scelerisque nibh eu diam neque quisque vitae diam
        cursus. Tellus amet eget ac libero diam sagittis accumsan lectus. Vitae sem senectus enim augue pharetra. Felis
        placerat sed mauris nibh ornare. <br />
        <br />
        Sapien risus feugiat fringilla et sed erat. Ultricies ipsum eget integer id. Arcu arcu enim mollis cum nunc
        semper mauris volutpat odio. Diam eget hendrerit donec vitae eu suspendisse varius. Ultrices nulla ut volutpat
        amet euismod. Nulla leo quis risus nulla. Vel neque eu aliquam ac faucibus interdum. Orci a sed eget lectus at
        vitae suspendisse lacus urna. Risus viverra eget eleifend vitae eleifend lectus. Nisl velit leo potenti sed
        egestas urna hac. Risus non diam amet senectus gravida praesent. At urna eget pellentesque id. Duis blandit
        porta eget donec hendrerit ullamcorper iaculis non.
        <br />
        <br /> Urna donec iaculis magna morbi neque odio amet et a. Elementum aliquet eu tempus at magna porttitor
        morbi. Sodales cras vitae velit eleifend lectus integer. Ridiculus facilisi id enim elementum fusce dui.
        Consectetur arcu etiam scelerisque a quisque. Odio amet mauris integer neque. Nulla commodo facilisis luctus
        arcu sem massa egestas etiam. Nisl mus varius in sed a nec ipsum vivamus varius. Id faucibus viverra volutpat eu
        massa maecenas lacus purus. Convallis fermentum porttitor scelerisque convallis quis aliquam pellentesque
        lobortis. <br /> <br /> Feugiat dictumst maecenas in et eu. Sed tristique mauris leo lectus ipsum tortor. Justo
        ultricies morbi ullamcorper quisque egestas condimentum facilisi amet ut. Mauris vulputate adipiscing a egestas
        libero volutpat. Aliquam nullam semper nisl mollis massa a tortor. Dapibus consectetur habitant viverra id vitae
        nisi nibh risus. Elit libero lectus est nunc amet sit id vel cursus. Malesuada ac dui magna sodales libero quis
        senectus in. Volutpat interdum sit varius cursus sed est. Tellus est pellentesque in dignissim eu malesuada non
        sit neque. Facilisis feugiat ligula iaculis scelerisque egestas ultrices. Urna diam dolor
        <br />
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Illum ab labore mollitia inventore cupiditate vitae
        esse, corporis veniam deserunt explicabo tenetur atque odit dolore enim ipsum animi architecto corrupti nihil?
        Voluptate consequuntur, ducimus doloremque accusantium ipsam, assumenda eveniet cupiditate possimus quos
        repudiandae quam autem, nulla maiores aliquid! Eos magni, iusto quidem adipisci quas eligendi nobis optio
        officia, dicta quaerat cum. Debitis dignissimos veritatis velit magnam, cum adipisci reprehenderit sed dolores,
        blanditiis sit quis. Sed est voluptates officiis, dolor ratione qui officia? Nihil dolor dolore dolores
        laboriosam sed repellendus quia doloribus! Corporis ipsam natus velit aliquam nisi atque accusantium dicta
        maxime vero, molestiae reiciendis odio at sequi beatae doloremque quisquam placeat mollitia reprehenderit
        adipisci dolor harum! Error deleniti mollitia ipsa vero. Sequi aperiam temporibus dolorum. Sunt eveniet minus ab
        sit officiis repudiandae, officia placeat tempore. Possimus et beatae architecto explicabo repellendus officiis
        quod consequatur, veritatis ducimus natus amet expedita, nisi sunt. Ea magnam iusto cum repellendus reiciendis
        quidem dolor consectetur unde quod nulla veritatis nemo mollitia sunt, soluta ullam rem. us aspernatur deleniti
        modi magnam repellat tenetur tempore animi. Nesciunt eius sapiente beatae quae minus.
      </div>
      <div className="px-4 md:px-8">
        <Button
          href=""
          text="Descargar términos y condiciones"
          type="outlined"
          className="text-light-blue hover:bg-light-blue hover:text-white text-[min(4vw,1rem)] w-[min(100%,20.625rem)] gap-1"
        >
          <svg
            xmlns="http://www.w3.org/2000/svg"
            width="20"
            height="20"
            viewBox="0 0 20 20"
            className="w-5 h-5 fill-current"
          >
            <g mask="url(#mask0_1015_290)">
              <path d="M10 13.3335L5.83337 9.16683L7.00004 7.9585L9.16671 10.1252V3.3335H10.8334V10.1252L13 7.9585L14.1667 9.16683L10 13.3335ZM5.00004 16.6668C4.54171 16.6668 4.14935 16.5036 3.82296 16.1772C3.49657 15.8509 3.33337 15.4585 3.33337 15.0002V12.5002H5.00004V15.0002H15V12.5002H16.6667V15.0002C16.6667 15.4585 16.5035 15.8509 16.1771 16.1772C15.8507 16.5036 15.4584 16.6668 15 16.6668H5.00004Z" />
            </g>
          </svg>
        </Button>
      </div>
    </div>
  );
};

export default CondicionesComercialesModal;