pankod/refine

View on GitHub
packages/inferencer/src/inferencers/antd/__tests__/__snapshots__/index.test.tsx.snap

Summary

Maintainability
Test Coverage
// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`AntdInferencer should match the snapshot 1`] = `
<DocumentFragment>
  <div>
    <div>
      <div
        class="ant-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
        style="padding: 0px;"
      >
        <nav
          class="ant-breadcrumb css-dev-only-do-not-override-9ntgx0"
        >
          <ol />
        </nav>
        <div
          class="ant-page-header-heading "
        >
          <div
            class="ant-page-header-heading-left "
          >
            <span
              class="ant-page-header-heading-title "
            >
              <h4
                class="ant-typography css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              />
            </span>
            <span
              class="ant-page-header-heading-sub-title "
            >
              <h5
                class="ant-typography ant-typography-secondary css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              />
            </span>
          </div>
        </div>
        <div
          class="ant-page-header-content "
        >
          <div>
            <div
              class="ant-table-wrapper css-dev-only-do-not-override-9ntgx0"
            >
              <div
                class="ant-spin-nested-loading css-dev-only-do-not-override-9ntgx0"
              >
                <div
                  class="ant-spin-container"
                >
                  <div
                    class="ant-table ant-table-scroll-horizontal"
                  >
                    <div
                      class="ant-table-container"
                    >
                      <div
                        class="ant-table-content"
                        style="overflow-x: auto; overflow-y: hidden;"
                      >
                        <table
                          style="width: auto; min-width: 100%; table-layout: auto;"
                        >
                          <colgroup />
                          <thead
                            class="ant-table-thead"
                          >
                            <tr>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Id
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Title
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Slug
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Content
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Hit
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Category
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                User
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Status
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Status Color
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Created At
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Published At
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Image
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Tags
                              </th>
                              <th
                                class="ant-table-cell"
                                scope="col"
                              >
                                Language
                              </th>
                            </tr>
                          </thead>
                          <tbody
                            class="ant-table-tbody"
                          >
                            <tr
                              aria-hidden="true"
                              class="ant-table-measure-row"
                              style="height: 0px; font-size: 0px;"
                            >
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                              <td
                                style="padding: 0px; border: 0px; height: 0px;"
                              >
                                <div
                                  style="height: 0px; overflow: hidden;"
                                >
                                   
                                </div>
                              </td>
                            </tr>
                            <tr
                              class="ant-table-row ant-table-row-level-0"
                              data-row-key="11"
                            >
                              <td
                                class="ant-table-cell"
                              >
                                11
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Nobis exercitationem officia quia est.
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                provident-culpa-facere
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <p>
                                  Non velit blanditiis optio quo quaerat nam aperiam. Odit tempore consequatur vol...
                                </p>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                920557
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Numquam Saepe Illo
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Eriberto Leannon
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                draft
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                orange
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-typography css-dev-only-do-not-override-9ntgx0"
                                >
                                  04/02/2022
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-typography css-dev-only-do-not-override-9ntgx0"
                                >
                                  08/10/2021
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <div
                                  class="ant-image css-dev-only-do-not-override-9ntgx0"
                                >
                                  <img
                                    class="ant-image-img"
                                    src="http://loremflickr.com/640/480/abstract"
                                    style="max-width: 100px;"
                                  />
                                  <div
                                    class="ant-image-mask"
                                  >
                                    <div
                                      class="ant-image-mask-info"
                                    >
                                      <span
                                        aria-label="eye"
                                        class="anticon anticon-eye"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="eye"
                                          fill="currentColor"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
                                          />
                                        </svg>
                                      </span>
                                      Preview
                                    </div>
                                  </div>
                                </div>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-tag css-dev-only-do-not-override-9ntgx0"
                                >
                                  Nobis Et Ut
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                2
                              </td>
                            </tr>
                            <tr
                              class="ant-table-row ant-table-row-level-0"
                              data-row-key="21"
                            >
                              <td
                                class="ant-table-cell"
                              >
                                21
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Eaque in nesciunt.
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                quod-quos-commodi
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <p>
                                  Ut velit quo. Sed beatae et sit ea. Perferendis pariatur doloremque deleniti sap...
                                </p>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                175149
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Sit Natus Voluptatibus
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                Tressie Reichel
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                published
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                lime
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-typography css-dev-only-do-not-override-9ntgx0"
                                >
                                  09/24/2022
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-typography css-dev-only-do-not-override-9ntgx0"
                                >
                                  09/01/2021
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <div
                                  class="ant-image css-dev-only-do-not-override-9ntgx0"
                                >
                                  <img
                                    class="ant-image-img"
                                    src="http://loremflickr.com/640/480/abstract"
                                    style="max-width: 100px;"
                                  />
                                  <div
                                    class="ant-image-mask"
                                  >
                                    <div
                                      class="ant-image-mask-info"
                                    >
                                      <span
                                        aria-label="eye"
                                        class="anticon anticon-eye"
                                        role="img"
                                      >
                                        <svg
                                          aria-hidden="true"
                                          data-icon="eye"
                                          fill="currentColor"
                                          focusable="false"
                                          height="1em"
                                          viewBox="64 64 896 896"
                                          width="1em"
                                        >
                                          <path
                                            d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
                                          />
                                        </svg>
                                      </span>
                                      Preview
                                    </div>
                                  </div>
                                </div>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                <span
                                  class="ant-tag css-dev-only-do-not-override-9ntgx0"
                                >
                                  Error Eos Et
                                </span>
                                <span
                                  class="ant-tag css-dev-only-do-not-override-9ntgx0"
                                >
                                  Nobis Et Ut
                                </span>
                              </td>
                              <td
                                class="ant-table-cell"
                              >
                                2
                              </td>
                            </tr>
                          </tbody>
                        </table>
                      </div>
                    </div>
                  </div>
                  <ul
                    class="ant-pagination ant-pagination-simple ant-table-pagination ant-table-pagination-center css-dev-only-do-not-override-9ntgx0"
                  >
                    <li
                      aria-disabled="true"
                      class="ant-pagination-prev ant-pagination-disabled"
                      title="Previous Page"
                    >
                      <a
                        href="/custom-page?pageSize=10&current=0"
                      >
                        <button
                          class="ant-pagination-item-link"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            aria-label="left"
                            class="anticon anticon-left"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="left"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
                              />
                            </svg>
                          </span>
                        </button>
                      </a>
                    </li>
                    <li
                      class="ant-pagination-simple-pager"
                      title="1/1"
                    >
                      <input
                        size="3"
                        type="text"
                        value="1"
                      />
                      <span
                        class="ant-pagination-slash"
                      >
                        /
                      </span>
                      1
                    </li>
                    <li
                      aria-disabled="true"
                      class="ant-pagination-next ant-pagination-disabled"
                      title="Next Page"
                    >
                      <a
                        href="/custom-page?pageSize=10&current=1"
                      >
                        <button
                          class="ant-pagination-item-link"
                          tabindex="-1"
                          type="button"
                        >
                          <span
                            aria-label="right"
                            class="anticon anticon-right"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              data-icon="right"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
                              />
                            </svg>
                          </span>
                        </button>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    style="position: fixed; bottom: 12px; right: 60px;"
  >
    <div
      class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
    >
      <div
        class="ant-space-item"
        style="margin-right: 8px;"
      >
        <button
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
          type="button"
        >
          <span
            aria-label="code"
            class="anticon anticon-code"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="code"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
              />
            </svg>
          </span>
          <span>
            Show Code
          </span>
        </button>
      </div>
      <div
        class="ant-space-item"
      >
        <a
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
          href="https://github.com/refinedev/refine/discussions/3046"
          target="_blank"
        >
          <span
            aria-label="message"
            class="anticon anticon-message"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="message"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
              />
            </svg>
          </span>
          <span>
            Give Feedback
          </span>
        </a>
      </div>
    </div>
  </div>
  <div
    style="height: 50px;"
  />
</DocumentFragment>
`;

exports[`AntdInferencer should match the snapshot 2`] = `
<DocumentFragment>
  <div>
    <div>
      <div
        class="ant-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
        style="padding: 0px;"
      >
        <nav
          class="ant-breadcrumb css-dev-only-do-not-override-9ntgx0"
        >
          <ol />
        </nav>
        <div
          class="ant-page-header-heading "
        >
          <div
            class="ant-page-header-heading-left "
          >
            <span
              class="ant-page-header-heading-title "
            >
              <h4
                class="ant-typography css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              >
                Create 
              </h4>
            </span>
            <span
              class="ant-page-header-heading-sub-title "
            >
              <h5
                class="ant-typography ant-typography-secondary css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              />
            </span>
          </div>
          <span
            class="ant-page-header-heading-extra "
          >
            <div
              class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
            >
              <div
                class="ant-space-item"
              />
            </div>
          </span>
        </div>
        <div
          class="ant-page-header-content "
        >
          <div
            class="ant-spin-nested-loading css-dev-only-do-not-override-9ntgx0"
          >
            <div
              class="ant-spin-container"
            >
              <div
                class="ant-card css-dev-only-do-not-override-9ntgx0"
              >
                <div
                  class="ant-card-body"
                >
                  <form
                    class="ant-form ant-form-vertical css-dev-only-do-not-override-9ntgx0"
                  >
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="title"
                            title="Title"
                          >
                            Title
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="title"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="slug"
                            title="Slug"
                          >
                            Slug
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="slug"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="content"
                            title="Content"
                          >
                            Content
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <textarea
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="content"
                                rows="5"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="hit"
                            title="Hit"
                          >
                            Hit
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="hit"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="category_id"
                            title="Category"
                          >
                            Category
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-single ant-select-show-arrow ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <span
                                    class="ant-select-selection-search"
                                  >
                                    <input
                                      aria-activedescendant="category_id_list_0"
                                      aria-autocomplete="list"
                                      aria-controls="category_id_list"
                                      aria-haspopup="listbox"
                                      aria-owns="category_id_list"
                                      aria-required="true"
                                      autocomplete="off"
                                      class="ant-select-selection-search-input"
                                      id="category_id"
                                      role="combobox"
                                      type="search"
                                      value=""
                                    />
                                  </span>
                                  <span
                                    class="ant-select-selection-placeholder"
                                  />
                                </div>
                                <span
                                  aria-hidden="true"
                                  class="ant-select-arrow"
                                  style="user-select: none;"
                                  unselectable="on"
                                >
                                  <span
                                    aria-label="down"
                                    class="anticon anticon-down ant-select-suffix"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="down"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="user_id"
                            title="User"
                          >
                            User
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-single ant-select-show-arrow ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <span
                                    class="ant-select-selection-search"
                                  >
                                    <input
                                      aria-activedescendant="user_id_list_0"
                                      aria-autocomplete="list"
                                      aria-controls="user_id_list"
                                      aria-haspopup="listbox"
                                      aria-owns="user_id_list"
                                      aria-required="true"
                                      autocomplete="off"
                                      class="ant-select-selection-search-input"
                                      id="user_id"
                                      role="combobox"
                                      type="search"
                                      value=""
                                    />
                                  </span>
                                  <span
                                    class="ant-select-selection-placeholder"
                                  />
                                </div>
                                <span
                                  aria-hidden="true"
                                  class="ant-select-arrow"
                                  style="user-select: none;"
                                  unselectable="on"
                                >
                                  <span
                                    aria-label="down"
                                    class="anticon anticon-down ant-select-suffix"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="down"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="status"
                            title="Status"
                          >
                            Status
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="status"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="status_color"
                            title="Status Color"
                          >
                            Status Color
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="status_color"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="createdAt"
                            title="Created At"
                          >
                            Created At
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                class="ant-picker css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-picker-input"
                                >
                                  <input
                                    aria-required="true"
                                    autocomplete="off"
                                    id="createdAt"
                                    placeholder="Select date"
                                    readonly=""
                                    size="12"
                                    title=""
                                    value=""
                                  />
                                  <span
                                    class="ant-picker-suffix"
                                  >
                                    <span
                                      aria-label="calendar"
                                      class="anticon anticon-calendar"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="calendar"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="publishedAt"
                            title="Published At"
                          >
                            Published At
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                class="ant-picker css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-picker-input"
                                >
                                  <input
                                    aria-required="true"
                                    autocomplete="off"
                                    id="publishedAt"
                                    placeholder="Select date"
                                    readonly=""
                                    size="12"
                                    title=""
                                    value=""
                                  />
                                  <span
                                    class="ant-picker-suffix"
                                  >
                                    <span
                                      aria-label="calendar"
                                      class="anticon anticon-calendar"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="calendar"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class=""
                            title="Image"
                          >
                            Image
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <span
                                class="ant-upload-wrapper css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-upload ant-upload-drag css-dev-only-do-not-override-9ntgx0"
                                >
                                  <span
                                    class="ant-upload ant-upload-btn"
                                    role="button"
                                    tabindex="0"
                                  >
                                    <input
                                      accept=""
                                      aria-required="true"
                                      id="image"
                                      multiple=""
                                      style="display: none;"
                                      type="file"
                                    />
                                    <div
                                      class="ant-upload-drag-container"
                                    >
                                      <p
                                        class="ant-upload-text"
                                      >
                                        Drag & drop a file in this area
                                      </p>
                                    </div>
                                  </span>
                                </div>
                                <div
                                  class="ant-upload-list ant-upload-list-picture"
                                />
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="tags"
                            title="Tags"
                          >
                            Tags
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-multiple ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <div
                                    class="ant-select-selection-overflow"
                                  >
                                    <div
                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                                      style="opacity: 1;"
                                    >
                                      <div
                                        class="ant-select-selection-search"
                                        style="width: 0px;"
                                      >
                                        <input
                                          aria-activedescendant="tags_list_0"
                                          aria-autocomplete="list"
                                          aria-controls="tags_list"
                                          aria-haspopup="listbox"
                                          aria-owns="tags_list"
                                          aria-required="true"
                                          autocomplete="off"
                                          class="ant-select-selection-search-input"
                                          id="tags"
                                          readonly=""
                                          role="combobox"
                                          style="opacity: 0;"
                                          type="search"
                                          unselectable="on"
                                          value=""
                                        />
                                        <span
                                          aria-hidden="true"
                                          class="ant-select-selection-search-mirror"
                                        >
                                           
                                        </span>
                                      </div>
                                    </div>
                                  </div>
                                  <span
                                    class="ant-select-selection-placeholder"
                                  />
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="language"
                            title="Language"
                          >
                            Language
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="language"
                                type="text"
                                value=""
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <ul
                  class="ant-card-actions"
                >
                  <li
                    style="width: 100%;"
                  >
                    <span>
                      <div
                        class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
                        style="float: right; margin-right: 24px;"
                      >
                        <div
                          class="ant-space-item"
                        >
                          <button
                            class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
                            type="submit"
                          >
                            <span
                              aria-label="save"
                              class="anticon anticon-save"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="save"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z"
                                />
                              </svg>
                            </span>
                            <span>
                              Save
                            </span>
                          </button>
                        </div>
                      </div>
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    style="position: fixed; bottom: 12px; right: 60px;"
  >
    <div
      class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
    >
      <div
        class="ant-space-item"
        style="margin-right: 8px;"
      >
        <button
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
          type="button"
        >
          <span
            aria-label="code"
            class="anticon anticon-code"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="code"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
              />
            </svg>
          </span>
          <span>
            Show Code
          </span>
        </button>
      </div>
      <div
        class="ant-space-item"
      >
        <a
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
          href="https://github.com/refinedev/refine/discussions/3046"
          target="_blank"
        >
          <span
            aria-label="message"
            class="anticon anticon-message"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="message"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
              />
            </svg>
          </span>
          <span>
            Give Feedback
          </span>
        </a>
      </div>
    </div>
  </div>
  <div
    style="height: 50px;"
  />
</DocumentFragment>
`;

exports[`AntdInferencer should match the snapshot 3`] = `
<DocumentFragment>
  <div>
    <div>
      <div
        class="ant-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
        style="padding: 0px;"
      >
        <nav
          class="ant-breadcrumb css-dev-only-do-not-override-9ntgx0"
        >
          <ol />
        </nav>
        <div
          class="ant-page-header-heading "
        >
          <div
            class="ant-page-header-heading-left "
          >
            <span
              class="ant-page-header-heading-title "
            >
              <h4
                class="ant-typography css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              >
                Edit 
              </h4>
            </span>
            <span
              class="ant-page-header-heading-sub-title "
            >
              <h5
                class="ant-typography ant-typography-secondary css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              />
            </span>
          </div>
          <span
            class="ant-page-header-heading-extra "
          >
            <div
              class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
            >
              <div
                class="ant-space-item"
              >
                <div
                  class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
                  style="flex-wrap: wrap; margin-bottom: -8px;"
                >
                  <div
                    class="ant-space-item"
                    style="margin-right: 8px; padding-bottom: 8px;"
                  >
                    <a
                      href="/undefined"
                    >
                      <button
                        class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default ant-btn-icon-only"
                        title=""
                        type="button"
                      >
                        <span
                          aria-label="bars"
                          class="anticon anticon-bars"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="bars"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="0 0 1024 1024"
                            width="1em"
                          >
                            <path
                              d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z"
                            />
                          </svg>
                        </span>
                      </button>
                    </a>
                  </div>
                  <div
                    class="ant-space-item"
                    style="padding-bottom: 8px;"
                  >
                    <button
                      class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
                      type="button"
                    >
                      <span
                        aria-label="redo"
                        class="anticon anticon-redo"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="redo"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z"
                          />
                        </svg>
                      </span>
                      <span>
                        Refresh
                      </span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </span>
        </div>
        <div
          class="ant-page-header-content "
        >
          <div
            class="ant-spin-nested-loading css-dev-only-do-not-override-9ntgx0"
          >
            <div
              class="ant-spin-container"
            >
              <div
                class="ant-card css-dev-only-do-not-override-9ntgx0"
              >
                <div
                  class="ant-card-body"
                >
                  <form
                    class="ant-form ant-form-vertical css-dev-only-do-not-override-9ntgx0"
                  >
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="id"
                            title="Id"
                          >
                            Id
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input ant-input-disabled css-dev-only-do-not-override-9ntgx0"
                                disabled=""
                                id="id"
                                readonly=""
                                type="text"
                                value="11"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="title"
                            title="Title"
                          >
                            Title
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="title"
                                type="text"
                                value="Nobis exercitationem officia quia est."
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="slug"
                            title="Slug"
                          >
                            Slug
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="slug"
                                type="text"
                                value="provident-culpa-facere"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="content"
                            title="Content"
                          >
                            Content
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <textarea
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="content"
                                rows="5"
                              >
                                Non velit blanditiis optio quo quaerat nam aperiam. Odit tempore consequatur voluptatibus molestias. Est nemo aut. Fugit aliquam enim eveniet veritatis. Magni et aut. Consequatur aliquid rerum vero. Quaerat debitis enim magnam. Dolorem est delectus architecto et accusantium. Velit quia vero. Aut necessitatibus quia at consequatur soluta accusantium.
                              </textarea>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="hit"
                            title="Hit"
                          >
                            Hit
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="hit"
                                type="text"
                                value="920557"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="category_id"
                            title="Category"
                          >
                            Category
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-single ant-select-show-arrow ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <span
                                    class="ant-select-selection-search"
                                  >
                                    <input
                                      aria-activedescendant="category_id_list_0"
                                      aria-autocomplete="list"
                                      aria-controls="category_id_list"
                                      aria-haspopup="listbox"
                                      aria-owns="category_id_list"
                                      aria-required="true"
                                      autocomplete="off"
                                      class="ant-select-selection-search-input"
                                      id="category_id"
                                      role="combobox"
                                      type="search"
                                      value=""
                                    />
                                  </span>
                                  <span
                                    class="ant-select-selection-item"
                                    title="Numquam Saepe Illo"
                                  >
                                    Numquam Saepe Illo
                                  </span>
                                </div>
                                <span
                                  aria-hidden="true"
                                  class="ant-select-arrow"
                                  style="user-select: none;"
                                  unselectable="on"
                                >
                                  <span
                                    aria-label="down"
                                    class="anticon anticon-down ant-select-suffix"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="down"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="user_id"
                            title="User"
                          >
                            User
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-single ant-select-show-arrow ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <span
                                    class="ant-select-selection-search"
                                  >
                                    <input
                                      aria-activedescendant="user_id_list_0"
                                      aria-autocomplete="list"
                                      aria-controls="user_id_list"
                                      aria-haspopup="listbox"
                                      aria-owns="user_id_list"
                                      aria-required="true"
                                      autocomplete="off"
                                      class="ant-select-selection-search-input"
                                      id="user_id"
                                      role="combobox"
                                      type="search"
                                      value=""
                                    />
                                  </span>
                                  <span
                                    class="ant-select-selection-item"
                                    title="Eriberto"
                                  >
                                    Eriberto
                                  </span>
                                </div>
                                <span
                                  aria-hidden="true"
                                  class="ant-select-arrow"
                                  style="user-select: none;"
                                  unselectable="on"
                                >
                                  <span
                                    aria-label="down"
                                    class="anticon anticon-down ant-select-suffix"
                                    role="img"
                                  >
                                    <svg
                                      aria-hidden="true"
                                      data-icon="down"
                                      fill="currentColor"
                                      focusable="false"
                                      height="1em"
                                      viewBox="64 64 896 896"
                                      width="1em"
                                    >
                                      <path
                                        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
                                      />
                                    </svg>
                                  </span>
                                </span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="status"
                            title="Status"
                          >
                            Status
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="status"
                                type="text"
                                value="draft"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="status_color"
                            title="Status Color"
                          >
                            Status Color
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="status_color"
                                type="text"
                                value="orange"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="createdAt"
                            title="Created At"
                          >
                            Created At
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                class="ant-picker css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-picker-input"
                                >
                                  <input
                                    aria-required="true"
                                    autocomplete="off"
                                    id="createdAt"
                                    placeholder="Select date"
                                    readonly=""
                                    size="12"
                                    title="2022-04-02"
                                    value="2022-04-02"
                                  />
                                  <span
                                    class="ant-picker-suffix"
                                  >
                                    <span
                                      aria-label="calendar"
                                      class="anticon anticon-calendar"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="calendar"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                  <span
                                    class="ant-picker-clear"
                                    role="button"
                                  >
                                    <span
                                      aria-label="close-circle"
                                      class="anticon anticon-close-circle"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="close-circle"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="publishedAt"
                            title="Published At"
                          >
                            Published At
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                class="ant-picker css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-picker-input"
                                >
                                  <input
                                    aria-required="true"
                                    autocomplete="off"
                                    id="publishedAt"
                                    placeholder="Select date"
                                    readonly=""
                                    size="12"
                                    title="2021-08-10"
                                    value="2021-08-10"
                                  />
                                  <span
                                    class="ant-picker-suffix"
                                  >
                                    <span
                                      aria-label="calendar"
                                      class="anticon anticon-calendar"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="calendar"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                  <span
                                    class="ant-picker-clear"
                                    role="button"
                                  >
                                    <span
                                      aria-label="close-circle"
                                      class="anticon anticon-close-circle"
                                      role="img"
                                    >
                                      <svg
                                        aria-hidden="true"
                                        data-icon="close-circle"
                                        fill="currentColor"
                                        focusable="false"
                                        height="1em"
                                        viewBox="64 64 896 896"
                                        width="1em"
                                      >
                                        <path
                                          d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 01-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"
                                        />
                                      </svg>
                                    </span>
                                  </span>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class=""
                            title="Image"
                          >
                            Image
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <span
                                class="ant-upload-wrapper css-dev-only-do-not-override-9ntgx0"
                              >
                                <div
                                  class="ant-upload ant-upload-drag css-dev-only-do-not-override-9ntgx0"
                                >
                                  <span
                                    class="ant-upload ant-upload-btn"
                                    role="button"
                                    tabindex="0"
                                  >
                                    <input
                                      accept=""
                                      aria-required="true"
                                      id="image"
                                      multiple=""
                                      style="display: none;"
                                      type="file"
                                    />
                                    <div
                                      class="ant-upload-drag-container"
                                    >
                                      <p
                                        class="ant-upload-text"
                                      >
                                        Drag & drop a file in this area
                                      </p>
                                    </div>
                                  </span>
                                </div>
                                <div
                                  class="ant-upload-list ant-upload-list-picture"
                                >
                                  <div
                                    class="ant-upload-list-item-container"
                                  >
                                    <div
                                      class="ant-upload-list-item ant-upload-list-item-done"
                                    >
                                      <a
                                        class="ant-upload-list-item-thumbnail"
                                        href="http://loremflickr.com/640/480/abstract"
                                        rel="noopener noreferrer"
                                        target="_blank"
                                      >
                                        <img
                                          alt="77b8451c-3467-4072-a4cf-bddfd773c5ed"
                                          class="ant-upload-list-item-image"
                                          src="http://loremflickr.com/640/480/abstract"
                                        />
                                      </a>
                                      <a
                                        class="ant-upload-list-item-name"
                                        href="http://loremflickr.com/640/480/abstract"
                                        rel="noopener noreferrer"
                                        target="_blank"
                                        title="77b8451c-3467-4072-a4cf-bddfd773c5ed"
                                      >
                                        77b8451c-3467-4072-a4cf-bddfd773c5ed
                                      </a>
                                      <span
                                        class="ant-upload-list-item-actions picture"
                                      >
                                        <button
                                          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-action"
                                          title="Remove file"
                                          type="button"
                                        >
                                          <span
                                            aria-label="delete"
                                            class="anticon anticon-delete"
                                            role="img"
                                            tabindex="-1"
                                          >
                                            <svg
                                              aria-hidden="true"
                                              data-icon="delete"
                                              fill="currentColor"
                                              focusable="false"
                                              height="1em"
                                              viewBox="64 64 896 896"
                                              width="1em"
                                            >
                                              <path
                                                d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                                              />
                                            </svg>
                                          </span>
                                        </button>
                                      </span>
                                    </div>
                                  </div>
                                </div>
                              </span>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="tags"
                            title="Tags"
                          >
                            Tags
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <div
                                aria-required="true"
                                class="ant-select ant-select-in-form-item css-dev-only-do-not-override-9ntgx0 ant-select-multiple ant-select-show-search"
                              >
                                <div
                                  class="ant-select-selector"
                                >
                                  <div
                                    class="ant-select-selection-overflow"
                                  >
                                    <div
                                      class="ant-select-selection-overflow-item"
                                      style="opacity: 1;"
                                    >
                                      <span
                                        class="ant-select-selection-item"
                                        title="Nobis Et Ut"
                                      >
                                        <span
                                          class="ant-select-selection-item-content"
                                        >
                                          Nobis Et Ut
                                        </span>
                                        <span
                                          aria-hidden="true"
                                          class="ant-select-selection-item-remove"
                                          style="user-select: none;"
                                          unselectable="on"
                                        >
                                          <span
                                            aria-label="close"
                                            class="anticon anticon-close"
                                            role="img"
                                          >
                                            <svg
                                              aria-hidden="true"
                                              data-icon="close"
                                              fill="currentColor"
                                              focusable="false"
                                              height="1em"
                                              viewBox="64 64 896 896"
                                              width="1em"
                                            >
                                              <path
                                                d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                                              />
                                            </svg>
                                          </span>
                                        </span>
                                      </span>
                                    </div>
                                    <div
                                      class="ant-select-selection-overflow-item ant-select-selection-overflow-item-suffix"
                                      style="opacity: 1;"
                                    >
                                      <div
                                        class="ant-select-selection-search"
                                        style="width: 0px;"
                                      >
                                        <input
                                          aria-activedescendant="tags_list_0"
                                          aria-autocomplete="list"
                                          aria-controls="tags_list"
                                          aria-haspopup="listbox"
                                          aria-owns="tags_list"
                                          aria-required="true"
                                          autocomplete="off"
                                          class="ant-select-selection-search-input"
                                          id="tags"
                                          readonly=""
                                          role="combobox"
                                          style="opacity: 0;"
                                          type="search"
                                          unselectable="on"
                                          value=""
                                        />
                                        <span
                                          aria-hidden="true"
                                          class="ant-select-selection-search-mirror"
                                        >
                                           
                                        </span>
                                      </div>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                    <div
                      class="ant-form-item css-dev-only-do-not-override-9ntgx0"
                    >
                      <div
                        class="ant-row ant-form-item-row css-dev-only-do-not-override-9ntgx0"
                      >
                        <div
                          class="ant-col ant-form-item-label css-dev-only-do-not-override-9ntgx0"
                        >
                          <label
                            class="ant-form-item-required"
                            for="language"
                            title="Language"
                          >
                            Language
                          </label>
                        </div>
                        <div
                          class="ant-col ant-form-item-control css-dev-only-do-not-override-9ntgx0"
                        >
                          <div
                            class="ant-form-item-control-input"
                          >
                            <div
                              class="ant-form-item-control-input-content"
                            >
                              <input
                                aria-required="true"
                                class="ant-input css-dev-only-do-not-override-9ntgx0"
                                id="language"
                                type="text"
                                value="2"
                              />
                            </div>
                          </div>
                        </div>
                      </div>
                    </div>
                  </form>
                </div>
                <ul
                  class="ant-card-actions"
                >
                  <li
                    style="width: 100%;"
                  >
                    <span>
                      <div
                        class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
                        style="flex-wrap: wrap; margin-bottom: -8px; float: right; margin-right: 24px;"
                      >
                        <div
                          class="ant-space-item"
                          style="padding-bottom: 8px;"
                        >
                          <button
                            class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
                            type="button"
                          >
                            <span
                              aria-label="save"
                              class="anticon anticon-save"
                              role="img"
                            >
                              <svg
                                aria-hidden="true"
                                data-icon="save"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="64 64 896 896"
                                width="1em"
                              >
                                <path
                                  d="M893.3 293.3L730.7 130.7c-7.5-7.5-16.7-13-26.7-16V112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V338.5c0-17-6.7-33.2-18.7-45.2zM384 184h256v104H384V184zm456 656H184V184h136v136c0 17.7 14.3 32 32 32h320c17.7 0 32-14.3 32-32V205.8l136 136V840zM512 442c-79.5 0-144 64.5-144 144s64.5 144 144 144 144-64.5 144-144-64.5-144-144-144zm0 224c-44.2 0-80-35.8-80-80s35.8-80 80-80 80 35.8 80 80-35.8 80-80 80z"
                                />
                              </svg>
                            </span>
                            <span>
                              Save
                            </span>
                          </button>
                        </div>
                      </div>
                    </span>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    style="position: fixed; bottom: 12px; right: 60px;"
  >
    <div
      class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
    >
      <div
        class="ant-space-item"
        style="margin-right: 8px;"
      >
        <button
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
          type="button"
        >
          <span
            aria-label="code"
            class="anticon anticon-code"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="code"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
              />
            </svg>
          </span>
          <span>
            Show Code
          </span>
        </button>
      </div>
      <div
        class="ant-space-item"
      >
        <a
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
          href="https://github.com/refinedev/refine/discussions/3046"
          target="_blank"
        >
          <span
            aria-label="message"
            class="anticon anticon-message"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="message"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
              />
            </svg>
          </span>
          <span>
            Give Feedback
          </span>
        </a>
      </div>
    </div>
  </div>
  <div
    style="height: 50px;"
  />
</DocumentFragment>
`;

exports[`AntdInferencer should match the snapshot 4`] = `
<DocumentFragment>
  <div>
    <div>
      <div
        class="ant-page-header ant-page-header-has-breadcrumb ant-page-header-ghost"
        style="padding: 0px;"
      >
        <nav
          class="ant-breadcrumb css-dev-only-do-not-override-9ntgx0"
        >
          <ol />
        </nav>
        <div
          class="ant-page-header-heading "
        >
          <div
            class="ant-page-header-heading-left "
          >
            <span
              class="ant-page-header-heading-title "
            >
              <h4
                class="ant-typography css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              >
                Show 
              </h4>
            </span>
            <span
              class="ant-page-header-heading-sub-title "
            >
              <h5
                class="ant-typography ant-typography-secondary css-dev-only-do-not-override-9ntgx0"
                style="margin-bottom: 0px;"
              />
            </span>
          </div>
          <span
            class="ant-page-header-heading-extra "
          >
            <div
              class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
            >
              <div
                class="ant-space-item"
              >
                <div
                  class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
                  style="flex-wrap: wrap; margin-bottom: -8px;"
                >
                  <div
                    class="ant-space-item"
                    style="margin-right: 8px; padding-bottom: 8px;"
                  >
                    <a
                      href="/undefined"
                    >
                      <button
                        class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default ant-btn-icon-only"
                        title=""
                        type="button"
                      >
                        <span
                          aria-label="bars"
                          class="anticon anticon-bars"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="bars"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="0 0 1024 1024"
                            width="1em"
                          >
                            <path
                              d="M912 192H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 284H328c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h584c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM104 228a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0zm0 284a56 56 0 10112 0 56 56 0 10-112 0z"
                            />
                          </svg>
                        </span>
                      </button>
                    </a>
                  </div>
                  <div
                    class="ant-space-item"
                    style="padding-bottom: 8px;"
                  >
                    <button
                      class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
                      type="button"
                    >
                      <span
                        aria-label="redo"
                        class="anticon anticon-redo"
                        role="img"
                      >
                        <svg
                          aria-hidden="true"
                          data-icon="redo"
                          fill="currentColor"
                          focusable="false"
                          height="1em"
                          viewBox="64 64 896 896"
                          width="1em"
                        >
                          <path
                            d="M758.2 839.1C851.8 765.9 912 651.9 912 523.9 912 303 733.5 124.3 512.6 124 291.4 123.7 112 302.8 112 523.9c0 125.2 57.5 236.9 147.6 310.2 3.5 2.8 8.6 2.2 11.4-1.3l39.4-50.5c2.7-3.4 2.1-8.3-1.2-11.1-8.1-6.6-15.9-13.7-23.4-21.2a318.64 318.64 0 01-68.6-101.7C200.4 609 192 567.1 192 523.9s8.4-85.1 25.1-124.5c16.1-38.1 39.2-72.3 68.6-101.7 29.4-29.4 63.6-52.5 101.7-68.6C426.9 212.4 468.8 204 512 204s85.1 8.4 124.5 25.1c38.1 16.1 72.3 39.2 101.7 68.6 29.4 29.4 52.5 63.6 68.6 101.7 16.7 39.4 25.1 81.3 25.1 124.5s-8.4 85.1-25.1 124.5a318.64 318.64 0 01-68.6 101.7c-9.3 9.3-19.1 18-29.3 26L668.2 724a8 8 0 00-14.1 3l-39.6 162.2c-1.2 5 2.6 9.9 7.7 9.9l167 .8c6.7 0 10.5-7.7 6.3-12.9l-37.3-47.9z"
                          />
                        </svg>
                      </span>
                      <span>
                        Refresh
                      </span>
                    </button>
                  </div>
                </div>
              </div>
            </div>
          </span>
        </div>
        <div
          class="ant-page-header-content "
        >
          <div
            class="ant-spin-nested-loading css-dev-only-do-not-override-9ntgx0"
          >
            <div
              class="ant-spin-container"
            >
              <div
                class="ant-card css-dev-only-do-not-override-9ntgx0"
              >
                <div
                  class="ant-card-body"
                >
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Id
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    11
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Title
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Nobis exercitationem officia quia est.
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Slug
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    provident-culpa-facere
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Content
                  </h5>
                  <p>
                    Non velit blanditiis optio quo quaerat nam aperiam. Odit tempore consequatur voluptatibus molestias. Est nemo aut. Fugit aliquam enim eveniet veritatis. Magni et aut. Consequatur aliquid rerum vero. Quaerat debitis enim magnam. Dolorem est delectus architecto et accusantium. Velit quia vero. Aut necessitatibus quia at consequatur soluta accusantium.
                  </p>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Hit
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    920,557
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Category
                  </h5>
                  Numquam Saepe Illo
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    User
                  </h5>
                  Eriberto Leannon
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Status
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    draft
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Status Color
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    orange
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Created At
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    04/02/2022
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Published At
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    08/10/2021
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Image
                  </h5>
                  <div
                    class="ant-image css-dev-only-do-not-override-9ntgx0"
                  >
                    <img
                      class="ant-image-img"
                      src="http://loremflickr.com/640/480/abstract"
                      style="max-width: 200px;"
                    />
                    <div
                      class="ant-image-mask"
                    >
                      <div
                        class="ant-image-mask-info"
                      >
                        <span
                          aria-label="eye"
                          class="anticon anticon-eye"
                          role="img"
                        >
                          <svg
                            aria-hidden="true"
                            data-icon="eye"
                            fill="currentColor"
                            focusable="false"
                            height="1em"
                            viewBox="64 64 896 896"
                            width="1em"
                          >
                            <path
                              d="M942.2 486.2C847.4 286.5 704.1 186 512 186c-192.2 0-335.4 100.5-430.2 300.3a60.3 60.3 0 000 51.5C176.6 737.5 319.9 838 512 838c192.2 0 335.4-100.5 430.2-300.3 7.7-16.2 7.7-35 0-51.5zM512 766c-161.3 0-279.4-81.8-362.7-254C232.6 339.8 350.7 258 512 258c161.3 0 279.4 81.8 362.7 254C791.5 684.2 673.4 766 512 766zm-4-430c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176zm0 288c-61.9 0-112-50.1-112-112s50.1-112 112-112 112 50.1 112 112-50.1 112-112 112z"
                            />
                          </svg>
                        </span>
                        Preview
                      </div>
                    </div>
                  </div>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Tags
                  </h5>
                  <span
                    class="ant-tag css-dev-only-do-not-override-9ntgx0"
                  >
                    Error Eos Et
                  </span>
                  <span
                    class="ant-tag css-dev-only-do-not-override-9ntgx0"
                  >
                    Nobis Et Ut
                  </span>
                  <h5
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    Language
                  </h5>
                  <span
                    class="ant-typography css-dev-only-do-not-override-9ntgx0"
                  >
                    2
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    style="position: fixed; bottom: 12px; right: 60px;"
  >
    <div
      class="ant-space css-dev-only-do-not-override-9ntgx0 ant-space-horizontal ant-space-align-center"
    >
      <div
        class="ant-space-item"
        style="margin-right: 8px;"
      >
        <button
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-primary"
          type="button"
        >
          <span
            aria-label="code"
            class="anticon anticon-code"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="code"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M516 673c0 4.4 3.4 8 7.5 8h185c4.1 0 7.5-3.6 7.5-8v-48c0-4.4-3.4-8-7.5-8h-185c-4.1 0-7.5 3.6-7.5 8v48zm-194.9 6.1l192-161c3.8-3.2 3.8-9.1 0-12.3l-192-160.9A7.95 7.95 0 00308 351v62.7c0 2.4 1 4.6 2.9 6.1L420.7 512l-109.8 92.2a8.1 8.1 0 00-2.9 6.1V673c0 6.8 7.9 10.5 13.1 6.1zM880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z"
              />
            </svg>
          </span>
          <span>
            Show Code
          </span>
        </button>
      </div>
      <div
        class="ant-space-item"
      >
        <a
          class="ant-btn css-dev-only-do-not-override-9ntgx0 ant-btn-default"
          href="https://github.com/refinedev/refine/discussions/3046"
          target="_blank"
        >
          <span
            aria-label="message"
            class="anticon anticon-message"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="message"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M464 512a48 48 0 1096 0 48 48 0 10-96 0zm200 0a48 48 0 1096 0 48 48 0 10-96 0zm-400 0a48 48 0 1096 0 48 48 0 10-96 0zm661.2-173.6c-22.6-53.7-55-101.9-96.3-143.3a444.35 444.35 0 00-143.3-96.3C630.6 75.7 572.2 64 512 64h-2c-60.6.3-119.3 12.3-174.5 35.9a445.35 445.35 0 00-142 96.5c-40.9 41.3-73 89.3-95.2 142.8-23 55.4-34.6 114.3-34.3 174.9A449.4 449.4 0 00112 714v152a46 46 0 0046 46h152.1A449.4 449.4 0 00510 960h2.1c59.9 0 118-11.6 172.7-34.3a444.48 444.48 0 00142.8-95.2c41.3-40.9 73.8-88.7 96.5-142 23.6-55.2 35.6-113.9 35.9-174.5.3-60.9-11.5-120-34.8-175.6zm-151.1 438C704 845.8 611 884 512 884h-1.7c-60.3-.3-120.2-15.3-173.1-43.5l-8.4-4.5H188V695.2l-4.5-8.4C155.3 633.9 140.3 574 140 513.7c-.4-99.7 37.7-193.3 107.6-263.8 69.8-70.5 163.1-109.5 262.8-109.9h1.7c50 0 98.5 9.7 144.2 28.9 44.6 18.7 84.6 45.6 119 80 34.3 34.3 61.3 74.4 80 119 19.4 46.2 29.1 95.2 28.9 145.8-.6 99.6-39.7 192.9-110.1 262.7z"
              />
            </svg>
          </span>
          <span>
            Give Feedback
          </span>
        </a>
      </div>
    </div>
  </div>
  <div
    style="height: 50px;"
  />
</DocumentFragment>
`;