packages/inferencer/src/inferencers/antd/__tests__/__snapshots__/index.test.tsx.snap
// 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¤t=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¤t=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>
`;