@redneckz/wildless-cms-uni-blocks 0.5.9 → 0.5.11

package/src/components/__snapshots__/Blocks.spec.tsx.snap

@@ -1,1203 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Blocks Accordion should render block "Accordion" without content 1`] = `
-<section
-  class="p-[50px] mb-1 last:mb-0 font-sans bg-white text-primary-text "
-/>
-`;
-
-exports[`Blocks BenefitsBlock should render block "BenefitsBlock" without content 1`] = `
-<section
-  class="font-sans text-primary-text p-12 flex flex-col items-center  bg-white"
-/>
-`;
-
-exports[`Blocks Bonus should render block "Bonus" without content 1`] = `
-<section
-  class="font-sans bg-white p-[50px] pb-9 "
->
-  <div
-    class="container"
-  >
-    <section
-      class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-    />
-    <div
-      class="flex flex-wrap w-full mt-9"
-    />
-  </div>
-</section>
-`;
-
-exports[`Blocks BonusBenefitsBlock should render block "BonusBenefitsBlock" without content 1`] = `
-<section
-  class="font-sans text-primary-text bg-white p-[50px] flex flex-col text-center "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-  />
-</section>
-`;
-
-exports[`Blocks Calculator should render block "Calculator" without content 1`] = `
-<section
-  class="box-border overflow-hidden relative font-sans w-100 text-primary-text bg-white "
->
-  <div
-    class="bg-white"
-  >
-    <div />
-  </div>
-  <div
-    class="flex"
-    role="list"
-    style="transform: translateX(-000%);"
-  />
-</section>
-`;
-
-exports[`Blocks CardTransfer should render block "CardTransfer" without content 1`] = `
-<section
-  class="p-[50px] flex flex-col items-center font-sans bg-white "
->
-  <h3
-    class="font-sans m-0 text-h2 max-w-[684px] pb-9"
-  >
-    Укажите сумму перевода
-  </h3>
-  <form
-    action="https://www.rshb.ru/p2p/"
-    class="w-[468px]"
-    method="POST"
-  >
-    <div
-      class=""
-    >
-      <label
-        class="block text-m-light mb-2"
-      >
-        Сумма перевода
-      </label>
-      <div
-        class="h-[56px] relative flex items-center"
-      >
-        <input
-          class="text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text"
-          max="300000"
-          min="0"
-          name="amount"
-          placeholder="1500"
-          type="number"
-          value=""
-        />
-        <span
-          class="text-xl-light absolute right-4"
-        >
-          ₽
-        </span>
-      </div>
-    </div>
-    <button
-      class="inline-block text-center font-sans select-none bg-main-divider text-main-disabled rounded-md w-full h-[56px] px-9 mt-6"
-      disabled=""
-      type="submit"
-    >
-      Далее
-    </button>
-  </form>
-</section>
-`;
-
-exports[`Blocks Catalog should render block "Catalog" without content 1`] = `
-<section
-  class="bg-white relative font-sans p-12 overflow-hidden text-center "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-  />
-  <div
-    class="flex duration-1000 gap-3.5 mt-8"
-    role="list"
-    style="transform: translateX(-0px);"
-  />
-  <div />
-  <div
-    class="absolute top-0 bottom-0 w-[84px] left-0 bg-opacity-from-white"
-  />
-  <div
-    class="absolute top-0 bottom-0 w-[84px] right-0 bg-opacity-to-white"
-  />
-</section>
-`;
-
-exports[`Blocks ComparisonTable should render block "ComparisonTable" without content 1`] = `
-<section
-  class="bg-white font-sans py-[50px] pl-[50px] overflow-hidden text-primary-text relative "
->
-  <h3
-    class="font-sans m-0 text-h2 max-w-[47rem] text-center mb-9 mx-auto"
-  />
-  <div>
-    <div
-      role="table"
-    />
-  </div>
-</section>
-`;
-
-exports[`Blocks ErrorBlock should render block "ErrorBlock" without content 1`] = `
-<section
-  class="flex flex-col justify-center items-center mt-12 "
-  role="listitem"
->
-  <div
-    class="flex justify-center py-20"
-  />
-</section>
-`;
-
-exports[`Blocks ExchangeRateTile should render block "ExchangeRateTile" without content 1`] = `
-<section
-  class="bg-white text-primary-text font-sans p-9 box-border "
->
-  <div
-    class="font-sans flex flex-col grow h-full items-start "
-  >
-    <h3
-      class="font-sans m-0 text-h4 whitespace-pre-wrap text-h4"
-    >
-      Курсы обмена валют
-    </h3>
-    <div
-      class="flex grow w-full justify-between"
-    >
-      <div
-        class="flex flex-col justify-between w-full"
-      >
-        <div
-          class="h-full"
-        >
-          <div
-            class="flex"
-          >
-            <div
-              class="mr-14 pt-4"
-            >
-              <table
-                class="h-fit w-fit mb-[30px]"
-              >
-                <thead>
-                  <tr>
-                    <th
-                      class="text-left text-m-light text-secondary-text"
-                    >
-                      Валюта
-                    </th>
-                    <th
-                      class="text-left text-m-light text-secondary-text pl-11"
-                    >
-                      Купить
-                    </th>
-                    <th
-                      class="text-left text-m-light text-secondary-text pl-11"
-                    >
-                      Продать
-                    </th>
-                  </tr>
-                </thead>
-                <tbody />
-              </table>
-              <div
-                class="flex "
-              >
-                <svg
-                  aria-hidden="true"
-                  class=""
-                  height="24"
-                  width="24"
-                >
-                  <title>
-                    Иконка Gps
-                  </title>
-                  <desc>
-                    Иконка Gps
-                  </desc>
-                  <use
-                    class="text-primary-main "
-                    href="icons/GpsIcon.svg#icon"
-                    xlink:href="icons/GpsIcon.svg#icon"
-                  />
-                </svg>
-                <div
-                  class="ml-3"
-                >
-                  <p
-                    class="text-primary-main  m-0 mb-1 text-l"
-                  >
-                    Москва, ул.Ленина д.28
-                  </p>
-                  <p
-                    class="text-secondary-text m-0 text-m"
-                  >
-                    Курс указан для ближайшего офиса - 
-                    6км
-                  </p>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Blocks Footer should render block "Footer" without content 1`] = `
-<footer
-  class="p-9 bg-white font-sans "
->
-  <div
-    class="flex items-stretch gap-[54px] pb-[30px] xl:gap-8"
-  >
-    <a
-      aria-label="Россельхозбанк"
-      class="inline-flex items-center font-sans no-underline w-[204px]"
-      href="/"
-      target="_self"
-    >
-      <svg
-        aria-hidden="true"
-        class="text-primary-main w-10"
-        height="45"
-        width="40"
-      >
-        <title>
-          Иконка Logo
-        </title>
-        <desc>
-          Иконка Logo
-        </desc>
-        <use
-          class="text-primary-main "
-          href="icons/LogoIcon.svg#icon"
-          xlink:href="icons/LogoIcon.svg#icon"
-        />
-      </svg>
-      <span
-        class="text-primary-text font-medium ml-2.5"
-      >
-        Россельхозбанк
-      </span>
-    </a>
-    <form
-      class="font-sans relative grow"
-    >
-      <div
-        class="absolute rounded h-full flex items-center justify-center pl-4 max-w-[170px] gap-3.5 pointer-events-none"
-      >
-        <div
-          class="w-6 h-6"
-        >
-          <img
-            alt="Иконка Лупа"
-            aria-hidden="true"
-            class=""
-            height="24"
-            src="icons/LoupeIcon.svg"
-            title="Иконка Лупа"
-            width="24"
-          />
-        </div>
-        <label
-          class="text-secondary-text text-l-light"
-          for="search-bar-input"
-        >
-          Поиск по сайту
-        </label>
-      </div>
-      <input
-        class="h-12 pl-12 w-full peer text-l text-black border border-solid rounded-md box-border
-              outline-none pr-[6%] border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text h-full"
-        id="search-bar-input"
-        name="search-bar-input"
-        type="text"
-        value=""
-      />
-      <a
-        class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md invisible peer-focus:visible absolute top-[3px] right-1"
-        role="button"
-      >
-        <div
-          class="text-s px-9 py-2.5"
-        >
-          Найти
-        </div>
-      </a>
-    </form>
-  </div>
-  <div
-    class="flex items-stretch gap-[54px] xl:gap-8"
-  >
-    <div
-      class="w-[204px] flex flex-col shrink-0 overflow-hidden"
-    >
-      <div
-        class=""
-      >
-        <a
-          aria-label="Обратная связь"
-          class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md mb-6 w-full"
-          href="/"
-          role="link"
-          target="_blank"
-        >
-          <div
-            class="group flex items-center justify-center gap-2 py-4 px-9  "
-          >
-            <div>
-              <div
-                class="text-xs-light text-left"
-              />
-              <div
-                class="text-left text-l"
-              >
-                Обратная связь
-              </div>
-            </div>
-          </div>
-        </a>
-      </div>
-      <div
-        class="font-sans"
-      >
-        <div
-          class="flex gap-2.5 "
-        />
-        <span
-          class="text-s-light text-secondary-text"
-        >
-          Соцсети
-        </span>
-      </div>
-      <div
-        class="font-sans"
-      >
-        <div
-          class="flex gap-2.5 mt-6"
-        />
-        <span
-          class="text-s-light text-secondary-text"
-        >
-          Мобильное приложение
-        </span>
-      </div>
-    </div>
-    <div
-      class="flex flex-grow items-start justify-between gap-[54px] xl:gap-5 pt-[3px]"
-    />
-  </div>
-  <div
-    class="mt-[98px]"
-  />
-  <div
-    class=""
-  >
-    <div
-      class="pt-5"
-    >
-      <span
-        class="text-xs-light text-secondary-text"
-      >
-        © 2000-2022 АО «Россельхозбанк» Генеральная лицензия Банка России № 3349 от 12.08.2015 г.
-      </span>
-    </div>
-  </div>
-</footer>
-`;
-
-exports[`Blocks Gallery should render block "Gallery" without content 1`] = `
-<section
-  class="relative font-sans text-primary-text bg-white p-[42px] overflow-hidden "
->
-  <div>
-    <div
-      class="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent"
-    />
-    <section
-      class="font-sans flex flex-col p-[50px] gap-4 bg-transparent !p-0"
-    />
-    <div
-      class="flex mt-8 justify-center duration-1000"
-      role="list"
-      style="transform: translateX(-0px);"
-    />
-  </div>
-  <div />
-  <div
-    class="absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white"
-  />
-  <div
-    class="absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white"
-  />
-</section>
-`;
-
-exports[`Blocks GracePeriod should render block "GracePeriod" without content 1`] = `
-<section
-  class="font-sans bg-white p-[50px] "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-  />
-</section>
-`;
-
-exports[`Blocks Header should render block "Header" without content 1`] = `
-<header
-  class="pt-6 px-20 bg-white  pb-5"
->
-  <div
-    class="container"
-  >
-    <div
-      class="flex items-center"
-    >
-      <a
-        aria-label="Россельхозбанк"
-        class="inline-flex items-center font-sans no-underline mr-8"
-        href="/"
-        target="_self"
-      >
-        <svg
-          aria-hidden="true"
-          class="text-primary-main w-10"
-          height="45"
-          width="40"
-        >
-          <title>
-            Иконка Logo
-          </title>
-          <desc>
-            Иконка Logo
-          </desc>
-          <use
-            class="text-primary-main "
-            href="icons/LogoIcon.svg#icon"
-            xlink:href="icons/LogoIcon.svg#icon"
-          />
-        </svg>
-        <span
-          class="text-primary-text font-medium ml-2.5"
-        >
-          Россельхозбанк
-        </span>
-      </a>
-      <div
-        class="flex items-center ml-auto"
-      >
-        <a
-          aria-label="Местоположение"
-          class="border-transparent inline-block border border-solid bg-transparent text-center no-underline  mr-5"
-          href="#"
-          rel="noopener noreferrer"
-        >
-          <span
-            class="text-primary-text hover:text-primary-main font-sans text-s-light"
-          >
-            Москва
-          </span>
-        </a>
-        <a
-          aria-label="Список всех доступных офисов и банкоматов"
-          class="border-transparent inline-block border border-solid bg-transparent text-center no-underline  mr-7"
-          href="#"
-          rel="noopener noreferrer"
-        >
-          <span
-            class="text-primary-text hover:text-primary-main font-sans text-s-light"
-          >
-            Офисы и банкоматы
-          </span>
-        </a>
-        <button
-          aria-label="Поиск по сайту"
-          class="border-0 p-0 w-[24px] h-[24px] flex items-center bg-inherit cursor-pointer mr-5 group text-primary-text hover:text-primary-main"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            class="h-full pointer-events-none"
-          >
-            <title>
-              Иконка Лупа
-            </title>
-            <desc>
-              Иконка Лупа
-            </desc>
-            <use
-              class="text-black group-hover:text-primary-hover group-hover:invert-0 pointer-events-none"
-              href="icons/LoupeIcon.svg#icon"
-              xlink:href="icons/LoupeIcon.svg#icon"
-            />
-          </svg>
-        </button>
-        <button
-          aria-label="Дополнительные ссылки"
-          class="border-0 p-0 w-[24px] h-[24px] flex items-center bg-inherit cursor-pointer text-secondary-light hover:text-secondary-hover group min-w-[32px] min-h-[32px]"
-          disabled=""
-          type="button"
-        >
-          <svg
-            aria-hidden="true"
-            class="h-full bg-main-divider/20 rounded-full pointer-events-none"
-          >
-            <title>
-              Иконка Сетка (белая)
-            </title>
-            <desc>
-              Иконка Сетка (белая)
-            </desc>
-            <use
-              class="text-black group-hover:text-primary-hover group-hover:invert-0"
-              href="icons/GridIcon.svg#icon"
-              xlink:href="icons/GridIcon.svg#icon"
-            />
-          </svg>
-        </button>
-      </div>
-    </div>
-    <div
-      class="mt-6 h-[1px] bg-main-divider"
-    />
-  </div>
-</header>
-`;
-
-exports[`Blocks Headline should render block "Headline" without content 1`] = `
-<section
-  class="font-sans flex flex-col p-[50px] gap-4 bg-transparent "
-/>
-`;
-
-exports[`Blocks InsuranceAmountBlock should render block "InsuranceAmountBlock" without content 1`] = `
-<section
-  class="box-border py-[50px] overflow-hidden relative font-sans w-100 bg-white "
->
-  <div
-    class="flex"
-    role="list"
-    style="transform: translateX(-000%);"
-  />
-</section>
-`;
-
-exports[`Blocks LinkDocs should render block "LinkDocs" without content 1`] = `
-<section
-  class="font-sans text-primary-text p-[50px] bg-white "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-transparent !p-0"
-  />
-</section>
-`;
-
-exports[`Blocks MiniGallery should render block "MiniGallery" without content 1`] = `
-<section
-  class="relative font-sans text-primary-text bg-white p-[42px] overflow-hidden "
->
-  <div>
-    <div
-      class="absolute top-0 left-0 bottom-0 w-[84px] bg-gradient-to-r from-white to-transparent"
-    />
-    <section
-      class="font-sans flex flex-col p-[50px] gap-4 bg-transparent !p-0"
-    />
-    <div
-      class="flex mt-8 justify-center duration-1000"
-      role="list"
-      style="transform: translateX(-0px);"
-    />
-  </div>
-  <div />
-  <div
-    class="absolute top-0 left-0 bottom-0 w-[82px] bg-opacity-from-white"
-  />
-  <div
-    class="absolute top-0 right-0 bottom-0 w-[82px] bg-opacity-to-white"
-  />
-</section>
-`;
-
-exports[`Blocks MobileAppTile should render block "MobileAppTile" without content 1`] = `
-<section
-  class="flex justify-between font-sans p-9 box-border relative min-h-[320px]
-        min-h-[360px]
-        bg-white text-primary-text
-        "
->
-  <div
-    class="font-sans flex flex-col grow h-full items-start z-[1]"
-  >
-    <h3
-      class="font-sans m-0 text-h4 whitespace-pre-wrap max-w-[509px] mb-6
-                  text-primary-text"
-    >
-      Мобильное приложение
-    </h3>
-    <div
-      class="flex grow w-full justify-between"
-    >
-      <div
-        class="flex flex-col justify-between w-full"
-      >
-        <div
-          class="h-full"
-        >
-          <div
-            class="flex flex-1 items-center"
-          >
-            <span
-              class="text-m-light text-secondary-text"
-            >
-              Наведите камеру телефона на QR-код и скачайте приложение
-            </span>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Blocks OfficeServicesBlock should render block "OfficeServicesBlock" without content 1`] = `
-<section
-  class="font-sans bg-white p-8 flex flex-col "
-/>
-`;
-
-exports[`Blocks OtherProducts should render block "OtherProducts" without content 1`] = `
-<section
-  class="font-sans text-primary-text "
-/>
-`;
-
-exports[`Blocks PictureText should render block "PictureText" without content 1`] = `
-<section
-  class="relative font-sans py-12 px-24 bg-white text-primary-text "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-3 bg-white !p-0"
-  />
-  <div
-    class="flex justify-center gap-[122px] mt-[30px]"
-  >
-    <div
-      class="w-[558px] m-auto"
-    />
-  </div>
-</section>
-`;
-
-exports[`Blocks Placeholder should render block "Placeholder" without content 1`] = `
-<section
-  class="bg-white text-primary-text font-sans p-9 box-border undefined pr-[9.4rem] min-h-[360px] "
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-4 bg-transparent !p-0 max-w-[600px]"
-  >
-    <div
-      class="text-xl-light text-primary-text text-center"
-    >
-      Блок в разработке...
-    </div>
-  </section>
-  <figure
-    class="m-0 min-w-[80%]"
-  >
-    <div
-      class="h-4 mt-2 bg-secondary-light"
-      style="width: 100%;"
-    />
-    <div
-      class="h-4 mt-2 bg-secondary-light"
-      style="width: 61%;"
-    />
-    <div
-      class="h-4 mt-2 bg-secondary-light"
-      style="width: 38%;"
-    />
-    <div
-      class="h-4 mt-2 bg-secondary-light"
-      style="width: 23%;"
-    />
-  </figure>
-</section>
-`;
-
-exports[`Blocks ProductBlock should render block "ProductBlock" without content 1`] = `
-<section
-  class="font-sans overflow-hidden p-[50px] flex flex-col box-border min-h-[454px] bg-white text-primary-text "
->
-  <div
-    class="flex grow justify-between items-stretch h-full "
-  >
-    <div
-      class="flex flex-col "
-    >
-      <section
-        class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
-      />
-      <div
-        class="font-sans flex flex-col grow h-full items-start "
-      >
-        
-        <div
-          class="flex grow w-full justify-between"
-        >
-          <div
-            class="flex flex-col justify-between w-full"
-          >
-            <div
-              class="h-full"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Blocks ProductGallery should render block "ProductGallery" without content 1`] = `
-<section
-  class="box-border pt-[50px] overflow-hidden relative font-sans w-100 
-        bg-white text-primary-text"
->
-  <div
-    class="flex duration-1000 pb-14"
-    role="list"
-    style="transform: translateX(-000%);"
-  />
-  <div
-    class="flex items-center absolute bottom-6 left-0 right-0 px-[26px] box-border h-28"
-  />
-</section>
-`;
-
-exports[`Blocks ProductTile should render block "ProductTile" without content 1`] = `
-<section
-  class="overflow-hidden font-sans p-9 box-border relative justify-between grid min-h-[364px]
-           bg-white text-primary-text pr-[9.4rem]"
->
-  <section
-    class="font-sans flex flex-col p-[50px] gap-2 bg-white !p-0 !bg-transparent z-10 "
-  />
-  <div
-    class="z-10 grid grid-cols-[max-content_1fr] auto-rows-auto gap-x-6 gap-y-2.5 items-baseline 
-        100%"
-  />
-</section>
-`;
-
-exports[`Blocks PromoTile should render block "PromoTile" without content 1`] = `
-<section
-  class="bg-white text-primary-text font-sans p-9 box-border  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
->
-  <div
-    class="font-sans flex flex-col grow h-full items-start "
-  >
-    <section
-      class="font-sans flex flex-col p-[50px] gap-4 bg-white !p-0 max-w-[600px]"
-    >
-      <h2
-        class="font-sans m-0 text-h2 whitespace-pre-wrap text-primary-text text-left"
-      >
-        Акции и спецпредложения
-      </h2>
-    </section>
-    <div
-      class="flex grow w-full justify-between"
-    >
-      <div
-        class="flex flex-col justify-between w-full"
-      >
-        <div
-          class="h-full"
-        >
-          <div
-            class="mt-1.5"
-          >
-            <div
-              class="text-l"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Blocks Recommendation should render block "Recommendation" without content 1`] = `
-<section
-  class="relative font-sans p-9 overflow-hidden text-center bg-white text-primary-text "
->
-  <div>
-    <div
-      class="flex duration-1000 gap-3.5"
-      role="list"
-      style="transform: translateX(-0px);"
-    />
-    <div>
-      <div />
-    </div>
-  </div>
-  <div
-    class="absolute top-0 bottom-0 w-[84px] left-0 bg-opacity-from-white"
-  />
-  <div
-    class="absolute top-0 bottom-0 w-[84px] right-0 bg-opacity-to-white"
-  />
-</section>
-`;
-
-exports[`Blocks SafeDepositRental should render block "SafeDepositRental" without content 1`] = `
-<section
-  class=""
->
-  <div
-    class="bg-white px-8 py-12"
-  >
-    <div
-      class="flex justify-between align-top mb-6"
-    >
-      <div
-        class="flex-1 mr-9"
-      >
-        <div
-          class="flex justify-between mb-6"
-        >
-          <div
-            class="w-full mr-4"
-          >
-            <div>
-              <span
-                class="block text-m-light mb-2"
-              >
-                Город
-              </span>
-              <select
-                class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
-                placeholder=""
-              />
-            </div>
-          </div>
-          <div
-            class="w-full"
-          >
-            <div>
-              <span
-                class="block text-m-light mb-2"
-              >
-                Отделение
-              </span>
-              <select
-                class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
-                placeholder=""
-              >
-                <option
-                  class=""
-                  value=""
-                >
-                  Выберите отделение
-                </option>
-              </select>
-            </div>
-          </div>
-        </div>
-        <div
-          class="mb-6"
-        >
-          <span
-            class="block text-m-light mb-[3px]"
-          >
-            Срок аренды
-          </span>
-          <div>
-            <label
-              class="block relative"
-            >
-              <input
-                class="m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
-            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus disabled:border-main-stroke disabled:bg-main-divider"
-                value="26"
-              />
-              <div
-                class="absolute inset-x-0 -bottom-1 px-4 leading-[18px]"
-              >
-                <input
-                  class="box-border w-full m-0 cursor-pointer slider"
-                  max="365"
-                  min="1"
-                  step="1"
-                  style="background-size: 6.87% 100%;"
-                  type="range"
-                  value="26"
-                />
-              </div>
-            </label>
-            <div
-              class="flex justify-between my-2"
-            >
-              <span
-                class="text-s-light text-secondary-text"
-              >
-                От 1 дня
-              </span>
-              <span
-                class="text-s-light text-secondary-text"
-              >
-                До 365 дней
-              </span>
-            </div>
-          </div>
-        </div>
-        <div
-          class="flex justify-between mb-6"
-        >
-          <div
-            class="mr-4 w-full"
-          >
-            <div>
-              <span
-                class="block text-m-light mb-2"
-              >
-                Размер
-              </span>
-              <select
-                class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
-                placeholder=""
-              >
-                <option
-                  class=""
-                  value=""
-                >
-                  Выберите размер
-                </option>
-              </select>
-            </div>
-          </div>
-          <div
-            class="w-full"
-          >
-            <div>
-              <span
-                class="block text-m-light mb-2"
-              >
-                Параметры ячейки, мм (ВхШхД)
-              </span>
-              <select
-                class="appearance-none pl-0.5 h-14 border border-gray p-4 rounded-md text-s w-full cursor-pointer text-secondary-text"
-                placeholder=""
-              >
-                <option
-                  class=""
-                  value=""
-                >
-                  Выберите параметр ячейки
-                </option>
-              </select>
-            </div>
-          </div>
-        </div>
-        <span
-          class="text-secondary-text text-l-light"
-        >
-          Тип договора
-        </span>
-        <div
-          class="flex justify-between items-center mt-5"
-        >
-          <div>
-            <div
-              class="mb-2"
-            >
-              <label
-                class="flex items-center relative cursor-pointer"
-              >
-                <input
-                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main
-        rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
-                  name="contractType"
-                  type="radio"
-                  value="option1"
-                />
-                <span
-                  class="font-sans ml-3 cursor-pointer"
-                >
-                  Простое хранение
-                </span>
-              </label>
-            </div>
-            <div>
-              <label
-                class="flex items-center relative cursor-pointer"
-              >
-                <input
-                  checked=""
-                  class="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main
-        rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
-                  name="contractType"
-                  type="radio"
-                  value="option2"
-                />
-                <span
-                  class="font-sans ml-3 cursor-pointer"
-                >
-                  Сделка с недвижимостью
-                </span>
-              </label>
-            </div>
-          </div>
-          <a
-            class="text-center font-sans select-none border border-transparent inline-block cursor-pointer no-underline focus:border-primary-focus focus:border text-white bg-primary-main hover:bg-primary-hover active:bg-primary-active rounded-md "
-            role="button"
-          >
-            <div
-              class="group flex items-center justify-center gap-2 py-4 px-9  "
-            >
-              <div>
-                <div
-                  class="text-xs-light text-left"
-                />
-                <div
-                  class="text-left text-l"
-                >
-                  Офисы на карте
-                </div>
-              </div>
-            </div>
-          </a>
-        </div>
-      </div>
-      <div
-        class="flex flex-col justify-between"
-      >
-        <div
-          class="flex"
-        >
-          <div
-            class="mr-11"
-          >
-            <span
-              class="block text-m-light mb-1"
-            >
-              Аренда за
-            </span>
-            <span
-              class="text-h3"
-            >
-              26
-            </span>
-          </div>
-          <div
-            class=""
-          >
-            <span
-              class="block text-m-light mb-1"
-            >
-              Цена
-            </span>
-            <span
-              class="text-h3"
-            >
-              0 ₽
-            </span>
-          </div>
-        </div>
-        <div
-          class="bg-primary-main px-10 pt-10 pb-4 text-center"
-        >
-          <svg
-            aria-hidden="true"
-            class=""
-            height="257"
-            width="290"
-          >
-            <title>
-              Иконка Пачка бумаги А4
-            </title>
-            <desc>
-              Иконка Пачка бумаги А4
-            </desc>
-            <use
-              class="text-primary-main "
-              href="icons/PackA4Icon.svg#icon"
-              xlink:href="icons/PackA4Icon.svg#icon"
-            />
-          </svg>
-          <span
-            class="text-s-light text-white opacity-80 mt-2 inline-block"
-          >
-            На рисунки изображена пачка
-            <br />
-             листов формата А4
-          </span>
-        </div>
-      </div>
-    </div>
-  </div>
-</section>
-`;
-
-exports[`Blocks StepsBlock should render block "StepsBlock" without content 1`] = `
-<section
-  class="box-border font-sans text-primary-text bg-white px-[70px] py-[50px] flex flex-col items-center bg-white text-primary-text "
-/>
-`;
-
-exports[`Blocks Tabs should render block "Tabs" without content 1`] = `
-<section
-  class="mb-2 box-border flex gap-x-1 undefined"
-/>
-`;
-
-exports[`Blocks TariffsTable should render block "TariffsTable" without content 1`] = `
-<section
-  class="bg-white font-sans p-[50px] overflow-hidden text-primary-text relative  "
-/>
-`;
-
-exports[`Blocks TextBlock should render block "TextBlock" without content 1`] = `
-<section
-  class="font-sans px-9 py-4 flex bg-white "
->
-  <div
-    class="py-0.5"
-  />
-</section>
-`;
-
-exports[`Blocks Tile should render block "Tile" without content 1`] = `
-<section
-  class="overflow-hidden font-sans p-9 pr-3 box-border  bg-white text-primary-text pr-[9.4rem] min-h-[360px] "
->
-  <div
-    class="font-sans flex flex-col grow h-full items-start "
-  >
-    <div
-      class="flex grow w-full justify-between"
-    >
-      <div
-        class="flex flex-col justify-between w-full"
-      >
-        <div
-          class="h-full"
-        />
-      </div>
-    </div>
-  </div>
-</section>
-`;