pankod/refine

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

Summary

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

exports[`AntdCreateInferencer 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;"
      >
        <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 Post
              </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>
`;