components.test.js.snap

// Jest Snapshot v1, https://goo.gl/fbAQLP

exports[`ConfigProvider components Alert configProvider 1`] = `
<div
  class="config-alert config-alert-success config-alert-no-icon"
  data-show="true"
>
  <span
    class="config-alert-message"
  >
    Bamboo is Little Light
  </span>
  <span
    class="config-alert-description"
  />
</div>
`;

exports[`ConfigProvider components Alert normal 1`] = `
<div
  class="ant-alert ant-alert-success ant-alert-no-icon"
  data-show="true"
>
  <span
    class="ant-alert-message"
  >
    Bamboo is Little Light
  </span>
  <span
    class="ant-alert-description"
  />
</div>
`;

exports[`ConfigProvider components Alert prefixCls 1`] = `
<div
  class="prefix-Alert prefix-Alert-success prefix-Alert-no-icon"
  data-show="true"
>
  <span
    class="prefix-Alert-message"
  >
    Bamboo is Little Light
  </span>
  <span
    class="prefix-Alert-description"
  />
</div>
`;

exports[`ConfigProvider components Anchor configProvider 1`] = `
<div>
  <div
    class=""
  >
    <div
      class="config-anchor-wrapper"
      style="max-height:100vh"
    >
      <div
        class="config-anchor"
      >
        <div
          class="config-anchor-ink"
        >
          <span
            class="config-anchor-ink-ball"
          />
        </div>
        <div
          class="config-anchor-link"
        >
          <a
            class="config-anchor-link-title"
            href="#bamboo"
            title="Little Light"
          >
            Little Light
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Anchor normal 1`] = `
<div>
  <div
    class=""
  >
    <div
      class="ant-anchor-wrapper"
      style="max-height:100vh"
    >
      <div
        class="ant-anchor"
      >
        <div
          class="ant-anchor-ink"
        >
          <span
            class="ant-anchor-ink-ball"
          />
        </div>
        <div
          class="ant-anchor-link"
        >
          <a
            class="ant-anchor-link-title"
            href="#bamboo"
            title="Little Light"
          >
            Little Light
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Anchor prefixCls 1`] = `
<div>
  <div
    class=""
  >
    <div
      class="prefix-Anchor-wrapper"
      style="max-height:100vh"
    >
      <div
        class="prefix-Anchor"
      >
        <div
          class="prefix-Anchor-ink"
        >
          <span
            class="prefix-Anchor-ink-ball"
          />
        </div>
        <div
          class="prefix-Anchor-link"
        >
          <a
            class="prefix-Anchor-link-title"
            href="#bamboo"
            title="Little Light"
          >
            Little Light
          </a>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete configProvider 1`] = `
<div
  class="config-select-show-search config-select-auto-complete config-select config-select-combobox config-select-enabled"
>
  <div
    aria-autocomplete="list"
    aria-controls=""
    aria-expanded="false"
    aria-haspopup="true"
    class="config-select-selection
            config-select-selection--single"
    role="combobox"
  >
    <div
      class="config-select-selection__rendered"
    >
      <ul>
        <li
          class="config-select-search config-select-search--inline"
        >
          <div
            class="config-select-search__field__wrap"
          >
            <input
              class="config-input config-select-search__field"
              type="text"
              value=""
            />
            <span
              class="config-select-search__field__mirror"
            >
               
            </span>
          </div>
        </li>
      </ul>
    </div>
    <span
      class="config-select-arrow"
      style="user-select:none;-webkit-user-select:none"
      unselectable="on"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down config-select-arrow-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete normal 1`] = `
<div
  class="ant-select-show-search ant-select-auto-complete ant-select ant-select-combobox ant-select-enabled"
>
  <div
    aria-autocomplete="list"
    aria-controls=""
    aria-expanded="false"
    aria-haspopup="true"
    class="ant-select-selection
            ant-select-selection--single"
    role="combobox"
  >
    <div
      class="ant-select-selection__rendered"
    >
      <ul>
        <li
          class="ant-select-search ant-select-search--inline"
        >
          <div
            class="ant-select-search__field__wrap"
          >
            <input
              class="ant-input ant-select-search__field"
              type="text"
              value=""
            />
            <span
              class="ant-select-search__field__mirror"
            >
               
            </span>
          </div>
        </li>
      </ul>
    </div>
    <span
      class="ant-select-arrow"
      style="user-select:none;-webkit-user-select:none"
      unselectable="on"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down ant-select-arrow-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete prefixCls 1`] = `
<div
  class="prefix-AutoComplete-show-search prefix-AutoComplete-auto-complete prefix-AutoComplete prefix-AutoComplete-combobox prefix-AutoComplete-enabled"
>
  <div
    aria-autocomplete="list"
    aria-controls=""
    aria-expanded="false"
    aria-haspopup="true"
    class="prefix-AutoComplete-selection
            prefix-AutoComplete-selection--single"
    role="combobox"
  >
    <div
      class="prefix-AutoComplete-selection__rendered"
    >
      <ul>
        <li
          class="prefix-AutoComplete-search prefix-AutoComplete-search--inline"
        >
          <div
            class="prefix-AutoComplete-search__field__wrap"
          >
            <input
              class="ant-input prefix-AutoComplete-search__field"
              type="text"
              value=""
            />
            <span
              class="prefix-AutoComplete-search__field__mirror"
            >
               
            </span>
          </div>
        </li>
      </ul>
    </div>
    <span
      class="prefix-AutoComplete-arrow"
      style="user-select:none;-webkit-user-select:none"
      unselectable="on"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down prefix-AutoComplete-arrow-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Avatar configProvider 1`] = `
<span
  class="config-avatar config-avatar-circle"
>
  <span
    class="config-avatar-string"
    style="opacity:0"
  />
</span>
`;

exports[`ConfigProvider components Avatar normal 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
>
  <span
    class="ant-avatar-string"
    style="opacity:0"
  />
</span>
`;

exports[`ConfigProvider components Avatar prefixCls 1`] = `
<span
  class="prefix-Avatar prefix-Avatar-circle"
>
  <span
    class="prefix-Avatar-string"
    style="opacity:0"
  />
</span>
`;

exports[`ConfigProvider components BackTop configProvider 1`] = `
<div
  class="config-back-top"
>
  <div
    class="config-back-top-content"
  >
    <div
      class="config-back-top-icon"
    />
  </div>
</div>
`;

exports[`ConfigProvider components BackTop normal 1`] = `
<div
  class="ant-back-top"
>
  <div
    class="ant-back-top-content"
  >
    <div
      class="ant-back-top-icon"
    />
  </div>
</div>
`;

exports[`ConfigProvider components BackTop prefixCls 1`] = `
<div
  class="prefix-BackTop"
>
  <div
    class="prefix-BackTop-content"
  >
    <div
      class="prefix-BackTop-icon"
    />
  </div>
</div>
`;

exports[`ConfigProvider components Badge configProvider 1`] = `
<div>
  <span
    class="config-badge"
  >
    <span />
    <sup
      class="config-scroll-number config-badge-count"
      data-show="true"
      title="5"
    >
      <span
        class="config-scroll-number-only"
        style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
      >
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class="current"
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="config-badge"
  >
    <span />
    <sup
      class="config-scroll-number config-badge-dot"
      data-show="true"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Badge normal 1`] = `
<div>
  <span
    class="ant-badge"
  >
    <span />
    <sup
      class="ant-scroll-number ant-badge-count"
      data-show="true"
      title="5"
    >
      <span
        class="ant-scroll-number-only"
        style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
      >
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class="current"
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="ant-badge"
  >
    <span />
    <sup
      class="ant-scroll-number ant-badge-dot"
      data-show="true"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Badge prefixCls 1`] = `
<div>
  <span
    class="prefix-Badge"
  >
    <span />
    <sup
      class="prefix-scroll-number prefix-Badge-count"
      data-show="true"
      title="5"
    >
      <span
        class="prefix-scroll-number-only"
        style="transition:none;-ms-transform:translateY(-1500%);-webkit-transform:translateY(-1500%);transform:translateY(-1500%)"
      >
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class="current"
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
        <p
          class=""
        >
          0
        </p>
        <p
          class=""
        >
          1
        </p>
        <p
          class=""
        >
          2
        </p>
        <p
          class=""
        >
          3
        </p>
        <p
          class=""
        >
          4
        </p>
        <p
          class=""
        >
          5
        </p>
        <p
          class=""
        >
          6
        </p>
        <p
          class=""
        >
          7
        </p>
        <p
          class=""
        >
          8
        </p>
        <p
          class=""
        >
          9
        </p>
      </span>
    </sup>
  </span>
  <span
    class="prefix-Badge"
  >
    <span />
    <sup
      class="prefix-scroll-number prefix-Badge-dot"
      data-show="true"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Breadcrumb configProvider 1`] = `
<div
  class="config-breadcrumb"
>
  <span>
    <span
      class="config-breadcrumb-link"
    >
      Bamboo
    </span>
    <span
      class="config-breadcrumb-separator"
    >
      /
    </span>
  </span>
  <span>
    <span
      class="config-breadcrumb-link"
    >
      Light
    </span>
    <span
      class="config-breadcrumb-separator"
    >
      /
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Breadcrumb normal 1`] = `
<div
  class="ant-breadcrumb"
>
  <span>
    <span
      class="ant-breadcrumb-link"
    >
      Bamboo
    </span>
    <span
      class="ant-breadcrumb-separator"
    >
      /
    </span>
  </span>
  <span>
    <span
      class="ant-breadcrumb-link"
    >
      Light
    </span>
    <span
      class="ant-breadcrumb-separator"
    >
      /
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Breadcrumb prefixCls 1`] = `
<div
  class="prefix-Breadcrumb"
>
  <span>
    <span
      class="prefix-Breadcrumb-link"
    >
      Bamboo
    </span>
    <span
      class="prefix-Breadcrumb-separator"
    >
      /
    </span>
  </span>
  <span>
    <span
      class="prefix-Breadcrumb-link"
    >
      Light
    </span>
    <span
      class="prefix-Breadcrumb-separator"
    >
      /
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Button configProvider 1`] = `
<div>
  <button
    class="config-btn"
    type="button"
  >
    <span>
      Bamboo
    </span>
  </button>
  <div
    class="config-btn-group"
  >
    <button
      class="config-btn"
      type="button"
    >
      <span>
        Little
      </span>
    </button>
    <button
      class="config-btn"
      type="button"
    >
      <span>
        Light
      </span>
    </button>
  </div>
</div>
`;

exports[`ConfigProvider components Button normal 1`] = `
<div>
  <button
    class="ant-btn"
    type="button"
  >
    <span>
      Bamboo
    </span>
  </button>
  <div
    class="ant-btn-group"
  >
    <button
      class="ant-btn"
      type="button"
    >
      <span>
        Little
      </span>
    </button>
    <button
      class="ant-btn"
      type="button"
    >
      <span>
        Light
      </span>
    </button>
  </div>
</div>
`;

exports[`ConfigProvider components Button prefixCls 1`] = `
<div>
  <button
    class="prefix-Button"
    type="button"
  >
    <span>
      Bamboo
    </span>
  </button>
  <div
    class="prefix-Button"
  >
    <button
      class="prefix-Button"
      type="button"
    >
      <span>
        Little
      </span>
    </button>
    <button
      class="prefix-Button"
      type="button"
    >
      <span>
        Light
      </span>
    </button>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar configProvider 1`] = `
<div>
  <div
    class=" config-fullcalendar-fullscreen"
  >
    <div
      class="config-fullcalendar-header"
    >
      <div
        class="config-fullcalendar-year-select config-select config-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="config-select-selection
            config-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="config-select-selection__rendered"
          >
            <div
              class="config-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="config-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down config-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="config-fullcalendar-month-select config-select config-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="config-select-selection
            config-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="config-select-selection__rendered"
          >
            <div
              class="config-select-selection-selected-value"
              style="display:block;opacity:1"
              title="Sep"
            >
              Sep
            </div>
          </div>
          <span
            class="config-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down config-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-default"
      >
        <label
          class="config-radio-button-wrapper config-radio-button-wrapper-checked"
        >
          <span
            class="config-radio-button config-radio-button-checked"
          >
            <input
              checked=""
              class="config-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="config-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="config-radio-button-wrapper"
        >
          <span
            class="config-radio-button"
          >
            <input
              class="config-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="config-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="config-fullcalendar config-fullcalendar-full config-fullcalendar-fullscreen"
      tabindex="0"
    >
      <div
        class="config-fullcalendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="config-fullcalendar-table"
          role="grid"
        >
          <thead>
            <tr
              role="row"
            >
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Sun"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Su
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Mon"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Mo
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Tue"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Tu
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Wed"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  We
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Thu"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Th
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Fri"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Fr
                </span>
              </th>
              <th
                class="config-fullcalendar-column-header"
                role="columnheader"
                title="Sat"
              >
                <span
                  class="config-fullcalendar-column-header-inner"
                >
                  Sa
                </span>
              </th>
            </tr>
          </thead>
          <tbody
            class="config-fullcalendar-tbody"
          >
            <tr
              class=""
              role="row"
            >
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 27, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    27
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 28, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    28
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 29, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    29
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 30, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    30
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-month-cell config-fullcalendar-last-day-of-month"
                role="gridcell"
                title="August 31, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    31
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 1, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    01
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 2, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    02
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class="config-fullcalendar-active-week"
              role="row"
            >
              <td
                class="config-fullcalendar-cell config-fullcalendar-selected-day"
                role="gridcell"
                title="September 3, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    03
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 4, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    04
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 5, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    05
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 6, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    06
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 7, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    07
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 8, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    08
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 9, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    09
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 10, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    10
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 11, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    11
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 12, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    12
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 13, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    13
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 14, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    14
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 15, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    15
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 16, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    16
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 17, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    17
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 18, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    18
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 19, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    19
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 20, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    20
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 21, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    21
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 22, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    22
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 23, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    23
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 24, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    24
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 25, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    25
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 26, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    26
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 27, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    27
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 28, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    28
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell"
                role="gridcell"
                title="September 29, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    29
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-last-day-of-month"
                role="gridcell"
                title="September 30, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    30
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 1, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    01
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 2, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    02
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 3, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    03
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 4, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    04
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 5, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    05
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 6, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    06
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-cell config-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 7, 2000"
              >
                <div
                  class="config-fullcalendar-date"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    07
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class=" config-fullcalendar-fullscreen"
  >
    <div
      class="config-fullcalendar-header"
    >
      <div
        class="config-fullcalendar-year-select config-select config-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="config-select-selection
            config-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="config-select-selection__rendered"
          >
            <div
              class="config-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="config-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down config-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-default"
      >
        <label
          class="config-radio-button-wrapper"
        >
          <span
            class="config-radio-button"
          >
            <input
              class="config-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="config-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="config-radio-button-wrapper config-radio-button-wrapper-checked"
        >
          <span
            class="config-radio-button config-radio-button-checked"
          >
            <input
              checked=""
              class="config-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="config-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="config-fullcalendar config-fullcalendar-full config-fullcalendar-fullscreen"
      tabindex="0"
    >
      <div
        class="config-fullcalendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="config-fullcalendar-month-panel-table"
          role="grid"
        >
          <tbody
            class="config-fullcalendar-month-panel-tbody"
          >
            <tr
              role="row"
            >
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jan"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Jan
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Feb"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Feb
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Mar"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Mar
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Apr"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Apr
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="May"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    May
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jun"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Jun
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jul"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Jul
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Aug"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Aug
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell config-fullcalendar-month-panel-selected-cell"
                role="gridcell"
                title="Sep"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Sep
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Oct"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Oct
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Nov"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Nov
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="config-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Dec"
              >
                <div
                  class="config-fullcalendar-month"
                >
                  <div
                    class="config-fullcalendar-value"
                  >
                    Dec
                  </div>
                  <div
                    class="config-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar normal 1`] = `
<div>
  <div
    class=" ant-fullcalendar-fullscreen"
  >
    <div
      class="ant-fullcalendar-header"
    >
      <div
        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-fullcalendar-month-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="Sep"
            >
              Sep
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
      >
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
      tabindex="0"
    >
      <div
        class="ant-fullcalendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="ant-fullcalendar-table"
          role="grid"
        >
          <thead>
            <tr
              role="row"
            >
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Sun"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Su
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Mon"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Mo
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Tue"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Tu
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Wed"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  We
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Thu"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Th
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Fri"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Fr
                </span>
              </th>
              <th
                class="ant-fullcalendar-column-header"
                role="columnheader"
                title="Sat"
              >
                <span
                  class="ant-fullcalendar-column-header-inner"
                >
                  Sa
                </span>
              </th>
            </tr>
          </thead>
          <tbody
            class="ant-fullcalendar-tbody"
          >
            <tr
              class=""
              role="row"
            >
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 27, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    27
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 28, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    28
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 29, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    29
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell"
                role="gridcell"
                title="August 30, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-month-cell ant-fullcalendar-last-day-of-month"
                role="gridcell"
                title="August 31, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    31
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 1, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 2, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class="ant-fullcalendar-active-week"
              role="row"
            >
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-selected-day"
                role="gridcell"
                title="September 3, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 4, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 5, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 6, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 7, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 8, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    08
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 9, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    09
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 10, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    10
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 11, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    11
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 12, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    12
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 13, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    13
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 14, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    14
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 15, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    15
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 16, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    16
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 17, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    17
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 18, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    18
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 19, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    19
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 20, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    20
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 21, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    21
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 22, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    22
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 23, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    23
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 24, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    24
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 25, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    25
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 26, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    26
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 27, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    27
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 28, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    28
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell"
                role="gridcell"
                title="September 29, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    29
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-last-day-of-month"
                role="gridcell"
                title="September 30, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    30
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 1, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    01
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 2, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    02
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 3, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    03
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 4, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    04
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 5, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    05
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 6, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    06
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-cell ant-fullcalendar-next-month-btn-day"
                role="gridcell"
                title="October 7, 2000"
              >
                <div
                  class="ant-fullcalendar-date"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    07
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class=" ant-fullcalendar-fullscreen"
  >
    <div
      class="ant-fullcalendar-header"
    >
      <div
        class="ant-fullcalendar-year-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
      >
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="ant-fullcalendar ant-fullcalendar-full ant-fullcalendar-fullscreen"
      tabindex="0"
    >
      <div
        class="ant-fullcalendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="ant-fullcalendar-month-panel-table"
          role="grid"
        >
          <tbody
            class="ant-fullcalendar-month-panel-tbody"
          >
            <tr
              role="row"
            >
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jan"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Jan
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Feb"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Feb
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Mar"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Mar
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Apr"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Apr
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="May"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    May
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jun"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Jun
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Jul"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Jul
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Aug"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Aug
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell ant-fullcalendar-month-panel-selected-cell"
                role="gridcell"
                title="Sep"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Sep
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Oct"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Oct
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Nov"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Nov
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
              <td
                class="ant-fullcalendar-month-panel-cell"
                role="gridcell"
                title="Dec"
              >
                <div
                  class="ant-fullcalendar-month"
                >
                  <div
                    class="ant-fullcalendar-value"
                  >
                    Dec
                  </div>
                  <div
                    class="ant-fullcalendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar prefixCls 1`] = `
<div>
  <div
    class=" prefix-Calendar-fullscreen"
  >
    <div
      class="prefix-Calendar-header"
    >
      <div
        class="prefix-Calendar-year-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="prefix-Calendar-month-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="Sep"
            >
              Sep
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
      >
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="prefix-Calendar prefix-Calendar-full prefix-Calendar-fullscreen"
      tabindex="0"
    >
      <div
        class="prefix-Calendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="prefix-Calendar-table"
          role="grid"
        >
          <thead>
            <tr
              role="row"
            >
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Sun"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Su
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Mon"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Mo
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Tue"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Tu
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Wed"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  We
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Thu"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Th
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Fri"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Fr
                </span>
              </th>
              <th
                class="prefix-Calendar-column-header"
                role="columnheader"
                title="Sat"
              >
                <span
                  class="prefix-Calendar-column-header-inner"
                >
                  Sa
                </span>
              </th>
            </tr>
          </thead>
          <tbody
            class="prefix-Calendar-tbody"
          >
            <tr
              class=""
              role="row"
            >
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-month-cell"
                role="gridcell"
                title="August 27, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    27
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-month-cell"
                role="gridcell"
                title="August 28, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    28
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-month-cell"
                role="gridcell"
                title="August 29, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    29
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-month-cell"
                role="gridcell"
                title="August 30, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    30
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-month-cell prefix-Calendar-last-day-of-month"
                role="gridcell"
                title="August 31, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    31
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 1, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    01
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 2, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    02
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class="prefix-Calendar-active-week"
              role="row"
            >
              <td
                class="prefix-Calendar-cell prefix-Calendar-selected-day"
                role="gridcell"
                title="September 3, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    03
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 4, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    04
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 5, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    05
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 6, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    06
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 7, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    07
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 8, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    08
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 9, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    09
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 10, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    10
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 11, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    11
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 12, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    12
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 13, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    13
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 14, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    14
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 15, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    15
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 16, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    16
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 17, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    17
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 18, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    18
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 19, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    19
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 20, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    20
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 21, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    21
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 22, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    22
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 23, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    23
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 24, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    24
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 25, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    25
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 26, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    26
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 27, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    27
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 28, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    28
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell"
                role="gridcell"
                title="September 29, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    29
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-last-day-of-month"
                role="gridcell"
                title="September 30, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    30
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              class=""
              role="row"
            >
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 1, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    01
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 2, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    02
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 3, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    03
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 4, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    04
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 5, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    05
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 6, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    06
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-cell prefix-Calendar-next-month-btn-day"
                role="gridcell"
                title="October 7, 2000"
              >
                <div
                  class="prefix-Calendar-date"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    07
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
  <div
    class=" prefix-Calendar-fullscreen"
  >
    <div
      class="prefix-Calendar-header"
    >
      <div
        class="prefix-Calendar-year-select ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="2000"
            >
              2000
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-radio-group-default"
      >
        <label
          class="ant-radio-button-wrapper"
        >
          <span
            class="ant-radio-button"
          >
            <input
              class="ant-radio-button-input"
              type="radio"
              value="month"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Month
          </span>
        </label>
        <label
          class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
        >
          <span
            class="ant-radio-button ant-radio-button-checked"
          >
            <input
              checked=""
              class="ant-radio-button-input"
              type="radio"
              value="year"
            />
            <span
              class="ant-radio-button-inner"
            />
          </span>
          <span>
            Year
          </span>
        </label>
      </div>
    </div>
    <div
      class="prefix-Calendar prefix-Calendar-full prefix-Calendar-fullscreen"
      tabindex="0"
    >
      <div
        class="prefix-Calendar-calendar-body"
      >
        <table
          cellspacing="0"
          class="prefix-Calendar-month-panel-table"
          role="grid"
        >
          <tbody
            class="prefix-Calendar-month-panel-tbody"
          >
            <tr
              role="row"
            >
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Jan"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Jan
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Feb"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Feb
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Mar"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Mar
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Apr"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Apr
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="May"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    May
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Jun"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Jun
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Jul"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Jul
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Aug"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Aug
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell prefix-Calendar-month-panel-selected-cell"
                role="gridcell"
                title="Sep"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Sep
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
            <tr
              role="row"
            >
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Oct"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Oct
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Nov"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Nov
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
              <td
                class="prefix-Calendar-month-panel-cell"
                role="gridcell"
                title="Dec"
              >
                <div
                  class="prefix-Calendar-month"
                >
                  <div
                    class="prefix-Calendar-value"
                  >
                    Dec
                  </div>
                  <div
                    class="prefix-Calendar-content"
                  />
                </div>
              </td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Card configProvider 1`] = `
<div
  class="config-card config-card-bordered config-card-contain-grid"
>
  <div
    class="config-card-body"
  >
    <div
      class="config-card-grid config-card-grid-hoverable"
    >
      <div
        class="config-card-meta"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Card normal 1`] = `
<div
  class="ant-card ant-card-bordered ant-card-contain-grid"
>
  <div
    class="ant-card-body"
  >
    <div
      class="ant-card-grid ant-card-grid-hoverable"
    >
      <div
        class="ant-card-meta"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Card prefixCls 1`] = `
<div
  class="prefix-Card prefix-Card-bordered prefix-Card-contain-grid"
>
  <div
    class="prefix-Card-body"
  >
    <div
      class="prefix-Card-grid prefix-Card-grid-hoverable"
    >
      <div
        class="prefix-Card-meta"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Carousel configProvider 1`] = `
<div
  class="config-carousel"
>
  <div
    class="slick-slider slick-initialized"
    dir="ltr"
  >
    <div
      class="slick-list"
    >
      <div
        class="slick-track"
        style="width:500%;left:-100%"
      >
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="-1"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="false"
          class="slick-slide slick-active slick-current"
          data-index="0"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide"
          data-index="1"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="2"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="3"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
    <ul
      class="slick-dots slick-dots-bottom"
      style="display:block"
    >
      <li
        class="slick-active"
      >
        <button>
          1
        </button>
      </li>
      <li
        class=""
      >
        <button>
          2
        </button>
      </li>
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Carousel normal 1`] = `
<div
  class="ant-carousel"
>
  <div
    class="slick-slider slick-initialized"
    dir="ltr"
  >
    <div
      class="slick-list"
    >
      <div
        class="slick-track"
        style="width:500%;left:-100%"
      >
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="-1"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="false"
          class="slick-slide slick-active slick-current"
          data-index="0"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide"
          data-index="1"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="2"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="3"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
    <ul
      class="slick-dots slick-dots-bottom"
      style="display:block"
    >
      <li
        class="slick-active"
      >
        <button>
          1
        </button>
      </li>
      <li
        class=""
      >
        <button>
          2
        </button>
      </li>
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Carousel prefixCls 1`] = `
<div
  class="prefix-Carousel"
>
  <div
    class="slick-slider slick-initialized"
    dir="ltr"
  >
    <div
      class="slick-list"
    >
      <div
        class="slick-track"
        style="width:500%;left:-100%"
      >
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="-1"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="false"
          class="slick-slide slick-active slick-current"
          data-index="0"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide"
          data-index="1"
          style="outline:none;width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="2"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Bamboo
              </h3>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          class="slick-slide slick-cloned"
          data-index="3"
          style="width:20%"
          tabindex="-1"
        >
          <div>
            <div
              style="width:100%;display:inline-block"
              tabindex="-1"
            >
              <h3>
                Light
              </h3>
            </div>
          </div>
        </div>
      </div>
    </div>
    <ul
      class="slick-dots slick-dots-bottom"
      style="display:block"
    >
      <li
        class="slick-active"
      >
        <button>
          1
        </button>
      </li>
      <li
        class=""
      >
        <button>
          2
        </button>
      </li>
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Cascader configProvider 1`] = `
<span
  class="config-cascader-picker config-cascader-picker-show-search"
  tabindex="0"
>
  <span
    class="config-cascader-picker-label"
  />
  <input
    autocomplete="off"
    class="config-input config-cascader-input "
    placeholder="Please select"
    tabindex="-1"
    type="text"
    value=""
  />
  <i
    aria-label="icon: down"
    class="anticon anticon-down config-cascader-picker-arrow"
  >
    <svg
      aria-hidden="true"
      class=""
      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>
  </i>
</span>
`;

exports[`ConfigProvider components Cascader normal 1`] = `
<span
  class="ant-cascader-picker ant-cascader-picker-show-search"
  tabindex="0"
>
  <span
    class="ant-cascader-picker-label"
  />
  <input
    autocomplete="off"
    class="ant-input ant-cascader-input "
    placeholder="Please select"
    tabindex="-1"
    type="text"
    value=""
  />
  <i
    aria-label="icon: down"
    class="anticon anticon-down ant-cascader-picker-arrow"
  >
    <svg
      aria-hidden="true"
      class=""
      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>
  </i>
</span>
`;

exports[`ConfigProvider components Cascader prefixCls 1`] = `
<span
  class="prefix-Cascader-picker prefix-Cascader-picker-show-search"
  tabindex="0"
>
  <span
    class="prefix-Cascader-picker-label"
  />
  <input
    autocomplete="off"
    class="ant-input prefix-Cascader-input "
    placeholder="Please select"
    tabindex="-1"
    type="text"
    value=""
  />
  <i
    aria-label="icon: down"
    class="anticon anticon-down prefix-Cascader-picker-arrow"
  >
    <svg
      aria-hidden="true"
      class=""
      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>
  </i>
</span>
`;

exports[`ConfigProvider components Checkbox configProvider 1`] = `
<div
  class="config-checkbox-group"
>
  <label
    class="config-checkbox-wrapper"
  >
    <span
      class="config-checkbox"
    >
      <input
        class="config-checkbox-input"
        type="checkbox"
      />
      <span
        class="config-checkbox-inner"
      />
    </span>
    <span>
      Bamboo
    </span>
  </label>
</div>
`;

exports[`ConfigProvider components Checkbox normal 1`] = `
<div
  class="ant-checkbox-group"
>
  <label
    class="ant-checkbox-wrapper"
  >
    <span
      class="ant-checkbox"
    >
      <input
        class="ant-checkbox-input"
        type="checkbox"
      />
      <span
        class="ant-checkbox-inner"
      />
    </span>
    <span>
      Bamboo
    </span>
  </label>
</div>
`;

exports[`ConfigProvider components Checkbox prefixCls 1`] = `
<div
  class="prefix-Checkbox-group"
>
  <label
    class="prefix-Checkbox-wrapper"
  >
    <span
      class="prefix-Checkbox"
    >
      <input
        class="prefix-Checkbox-input"
        type="checkbox"
      />
      <span
        class="prefix-Checkbox-inner"
      />
    </span>
    <span>
      Bamboo
    </span>
  </label>
</div>
`;

exports[`ConfigProvider components Collapse configProvider 1`] = `
<div
  class="config-collapse config-collapse-icon-position-left"
>
  <div
    class="config-collapse-item"
  >
    <div
      aria-expanded="false"
      class="config-collapse-header"
      role="button"
      tabindex="0"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right config-collapse-arrow"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Collapse normal 1`] = `
<div
  class="ant-collapse ant-collapse-icon-position-left"
>
  <div
    class="ant-collapse-item"
  >
    <div
      aria-expanded="false"
      class="ant-collapse-header"
      role="button"
      tabindex="0"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right ant-collapse-arrow"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Collapse prefixCls 1`] = `
<div
  class="prefix-Collapse prefix-Collapse-icon-position-left"
>
  <div
    class="prefix-Collapse-item"
  >
    <div
      aria-expanded="false"
      class="prefix-Collapse-header"
      role="button"
      tabindex="0"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right prefix-Collapse-arrow"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment configProvider 1`] = `
<div
  class="config-comment"
>
  <div
    class="config-comment-inner"
  >
    <div
      class="config-comment-avatar"
    />
    <div
      class="config-comment-content"
    >
      <div
        class="config-comment-content-author"
      />
      <div
        class="config-comment-content-detail"
      >
        Bamboo
      </div>
    </div>
  </div>
  <div
    class="config-comment-nested"
  >
    <div
      class="config-comment"
    >
      <div
        class="config-comment-inner"
      >
        <div
          class="config-comment-avatar"
        />
        <div
          class="config-comment-content"
        >
          <div
            class="config-comment-content-author"
          />
          <div
            class="config-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment normal 1`] = `
<div
  class="ant-comment"
>
  <div
    class="ant-comment-inner"
  >
    <div
      class="ant-comment-avatar"
    />
    <div
      class="ant-comment-content"
    >
      <div
        class="ant-comment-content-author"
      />
      <div
        class="ant-comment-content-detail"
      >
        Bamboo
      </div>
    </div>
  </div>
  <div
    class="ant-comment-nested"
  >
    <div
      class="ant-comment"
    >
      <div
        class="ant-comment-inner"
      >
        <div
          class="ant-comment-avatar"
        />
        <div
          class="ant-comment-content"
        >
          <div
            class="ant-comment-content-author"
          />
          <div
            class="ant-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment prefixCls 1`] = `
<div
  class="prefix-Comment"
>
  <div
    class="prefix-Comment-inner"
  >
    <div
      class="prefix-Comment-avatar"
    />
    <div
      class="prefix-Comment-content"
    >
      <div
        class="prefix-Comment-content-author"
      />
      <div
        class="prefix-Comment-content-detail"
      >
        Bamboo
      </div>
    </div>
  </div>
  <div
    class="prefix-Comment-nested"
  >
    <div
      class="prefix-Comment"
    >
      <div
        class="prefix-Comment-inner"
      >
        <div
          class="prefix-Comment-avatar"
        />
        <div
          class="prefix-Comment-content"
        >
          <div
            class="prefix-Comment-content-author"
          />
          <div
            class="prefix-Comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker configProvider 1`] = `
<div>
  <span
    class="config-calendar-picker"
  >
    <div>
      <input
        class="config-calendar-picker-input config-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar config-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker normal 1`] = `
<div>
  <span
    class="ant-calendar-picker"
  >
    <div>
      <input
        class="ant-calendar-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar ant-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker prefixCls 1`] = `
<div>
  <span
    class="prefix-DatePicker-picker"
  >
    <div>
      <input
        class="prefix-DatePicker-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar prefix-DatePicker-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker configProvider 1`] = `
<div>
  <span
    class="config-calendar-picker"
  >
    <div>
      <input
        class="config-calendar-picker-input config-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar config-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker normal 1`] = `
<div>
  <span
    class="ant-calendar-picker"
  >
    <div>
      <input
        class="ant-calendar-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar ant-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker prefixCls 1`] = `
<div>
  <span
    class="prefix-MonthPicker-picker"
  >
    <div>
      <input
        class="prefix-MonthPicker-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar prefix-MonthPicker-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </div>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
<div>
  <span
    class="config-calendar-picker"
    tabindex="0"
  >
    <span
      class="config-calendar-picker-input config-input"
    >
      <input
        class="config-calendar-range-picker-input"
        placeholder="Start date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <span
        class="config-calendar-range-picker-separator"
      >
         ~ 
      </span>
      <input
        class="config-calendar-range-picker-input"
        placeholder="End date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar config-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
<div>
  <span
    class="ant-calendar-picker"
    tabindex="0"
  >
    <span
      class="ant-calendar-picker-input ant-input"
    >
      <input
        class="ant-calendar-range-picker-input"
        placeholder="Start date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <span
        class="ant-calendar-range-picker-separator"
      >
         ~ 
      </span>
      <input
        class="ant-calendar-range-picker-input"
        placeholder="End date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar ant-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
<div>
  <span
    class="prefix-RangePicker-picker"
    tabindex="0"
  >
    <span
      class="prefix-RangePicker-picker-input ant-input"
    >
      <input
        class="prefix-RangePicker-range-picker-input"
        placeholder="Start date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <span
        class="prefix-RangePicker-range-picker-separator"
      >
         ~ 
      </span>
      <input
        class="prefix-RangePicker-range-picker-input"
        placeholder="End date"
        readonly=""
        tabindex="-1"
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar prefix-RangePicker-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker configProvider 1`] = `
<div>
  <span
    class="config-calendar-picker"
  >
    <span
      style="display:inline-block;width:100%"
    >
      <input
        class="config-calendar-picker-input config-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar config-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker normal 1`] = `
<div>
  <span
    class="ant-calendar-picker"
  >
    <span
      style="display:inline-block;width:100%"
    >
      <input
        class="ant-calendar-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar ant-calendar-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker prefixCls 1`] = `
<div>
  <span
    class="prefix-WeekPicker-picker"
  >
    <span
      style="display:inline-block;width:100%"
    >
      <input
        class="prefix-WeekPicker-picker-input ant-input"
        placeholder="Select date"
        readonly=""
        value=""
      />
      <i
        aria-label="icon: calendar"
        class="anticon anticon-calendar prefix-WeekPicker-picker-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Divider configProvider 1`] = `
<div
  class="config-divider config-divider-horizontal"
  role="separator"
/>
`;

exports[`ConfigProvider components Divider normal 1`] = `
<div
  class="ant-divider ant-divider-horizontal"
  role="separator"
/>
`;

exports[`ConfigProvider components Divider prefixCls 1`] = `
<div
  class="prefix-Divider prefix-Divider-horizontal"
  role="separator"
/>
`;

exports[`ConfigProvider components Drawer configProvider 1`] = `
<div
  class=""
>
  <div
    class="config-drawer config-drawer-right"
    tabindex="-1"
  >
    <div
      class="config-drawer-mask"
    />
    <div
      class="config-drawer-content-wrapper"
      style="transform:translateX(100%);-ms-transform:translateX(100%);width:256px"
    >
      <div
        class="config-drawer-content"
      >
        <div
          class="config-drawer-wrapper-body"
          style="overflow:auto;height:100%"
        >
          <div
            class="config-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="config-drawer-close"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </button>
          </div>
          <div
            class="config-drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Drawer normal 1`] = `
<div
  class=""
>
  <div
    class="ant-drawer ant-drawer-right"
    tabindex="-1"
  >
    <div
      class="ant-drawer-mask"
    />
    <div
      class="ant-drawer-content-wrapper"
      style="transform:translateX(100%);-ms-transform:translateX(100%);width:256px"
    >
      <div
        class="ant-drawer-content"
      >
        <div
          class="ant-drawer-wrapper-body"
          style="overflow:auto;height:100%"
        >
          <div
            class="ant-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="ant-drawer-close"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </button>
          </div>
          <div
            class="ant-drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Drawer prefixCls 1`] = `
<div
  class=""
>
  <div
    class="prefix-Drawer prefix-Drawer-right"
    tabindex="-1"
  >
    <div
      class="prefix-Drawer-mask"
    />
    <div
      class="prefix-Drawer-content-wrapper"
      style="transform:translateX(100%);-ms-transform:translateX(100%);width:256px"
    >
      <div
        class="prefix-Drawer-content"
      >
        <div
          class="prefix-Drawer-wrapper-body"
          style="overflow:auto;height:100%"
        >
          <div
            class="prefix-Drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="prefix-Drawer-close"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </button>
          </div>
          <div
            class="prefix-Drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Dropdown configProvider 1`] = `
<div
  class="config-btn-group config-dropdown-button"
>
  <button
    class="config-btn config-btn-default"
    type="button"
  >
    <span>
      Light
    </span>
  </button>
  <button
    class="config-btn config-dropdown-trigger config-btn-default"
    type="button"
  >
    <i
      aria-label="icon: ellipsis"
      class="anticon anticon-ellipsis"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"
        />
      </svg>
    </i>
  </button>
</div>
`;

exports[`ConfigProvider components Dropdown normal 1`] = `
<div
  class="ant-btn-group ant-dropdown-button"
>
  <button
    class="ant-btn ant-btn-default"
    type="button"
  >
    <span>
      Light
    </span>
  </button>
  <button
    class="ant-btn ant-dropdown-trigger ant-btn-default"
    type="button"
  >
    <i
      aria-label="icon: ellipsis"
      class="anticon anticon-ellipsis"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"
        />
      </svg>
    </i>
  </button>
</div>
`;

exports[`ConfigProvider components Dropdown prefixCls 1`] = `
<div
  class="ant-btn-group prefix-Dropdown"
>
  <button
    class="ant-btn ant-btn-default"
    type="button"
  >
    <span>
      Light
    </span>
  </button>
  <button
    class="ant-btn ant-dropdown-trigger ant-btn-default"
    type="button"
  >
    <i
      aria-label="icon: ellipsis"
      class="anticon anticon-ellipsis"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0zm280 0a56 56 0 1 0 112 0 56 56 0 1 0-112 0z"
        />
      </svg>
    </i>
  </button>
</div>
`;

exports[`ConfigProvider components Form configProvider 1`] = `
<form
  class="config-form config-form-horizontal"
>
  <div
    class="config-row config-form-item config-form-item-with-help"
  >
    <div
      class="config-col config-form-item-control-wrapper"
    >
      <div
        class="config-form-item-control has-error"
      >
        <span
          class="config-form-item-children"
        >
          <input
            class="config-input"
            type="text"
            value=""
          />
        </span>
        <div
          class="config-form-explain"
        >
          Bamboo is Light
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`ConfigProvider components Form normal 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item ant-form-item-with-help"
  >
    <div
      class="ant-col ant-form-item-control-wrapper"
    >
      <div
        class="ant-form-item-control has-error"
      >
        <span
          class="ant-form-item-children"
        >
          <input
            class="ant-input"
            type="text"
            value=""
          />
        </span>
        <div
          class="ant-form-explain"
        >
          Bamboo is Light
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`ConfigProvider components Form prefixCls 1`] = `
<form
  class="prefix-Form prefix-Form-horizontal"
>
  <div
    class="ant-row prefix-Form-item prefix-Form-item-with-help"
  >
    <div
      class="ant-col prefix-Form-item-control-wrapper"
    >
      <div
        class="prefix-Form-item-control has-error"
      >
        <span
          class="prefix-Form-item-children"
        >
          <input
            class="prefix-Form"
            type="text"
            value=""
          />
        </span>
        <div
          class="prefix-Form-explain"
        >
          Bamboo is Light
        </div>
      </div>
    </div>
  </div>
</form>
`;

exports[`ConfigProvider components Grid configProvider 1`] = `
<div
  class="config-row"
>
  <div
    class="config-col config-col-1"
  />
</div>
`;

exports[`ConfigProvider components Grid normal 1`] = `
<div
  class="ant-row"
>
  <div
    class="ant-col ant-col-1"
  />
</div>
`;

exports[`ConfigProvider components Grid prefixCls 1`] = `
<div
  class="prefix-row"
>
  <div
    class="prefix-col prefix-col-1"
  />
</div>
`;

exports[`ConfigProvider components Input configProvider 1`] = `
<div>
  <span
    class="config-input-group"
  >
    <input
      class="config-input"
      type="text"
      value=""
    />
    <span
      class="config-input-search config-input-affix-wrapper"
    >
      <input
        class="config-input"
        type="text"
        value=""
      />
      <span
        class="config-input-suffix"
      >
        <i
          aria-label="icon: search"
          class="anticon anticon-search config-input-search-icon"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
            />
          </svg>
        </i>
      </span>
    </span>
  </span>
  <textarea
    class="config-input"
  />
</div>
`;

exports[`ConfigProvider components Input normal 1`] = `
<div>
  <span
    class="ant-input-group"
  >
    <input
      class="ant-input"
      type="text"
      value=""
    />
    <span
      class="ant-input-search ant-input-affix-wrapper"
    >
      <input
        class="ant-input"
        type="text"
        value=""
      />
      <span
        class="ant-input-suffix"
      >
        <i
          aria-label="icon: search"
          class="anticon anticon-search ant-input-search-icon"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
            />
          </svg>
        </i>
      </span>
    </span>
  </span>
  <textarea
    class="ant-input"
  />
</div>
`;

exports[`ConfigProvider components Input prefixCls 1`] = `
<div>
  <span
    class="prefix-Input"
  >
    <input
      class="prefix-Input"
      type="text"
      value=""
    />
    <span
      class="prefix-Input ant-input-affix-wrapper"
    >
      <input
        class="ant-input"
        type="text"
        value=""
      />
      <span
        class="ant-input-suffix"
      >
        <i
          aria-label="icon: search"
          class="anticon anticon-search prefix-Input-icon"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 0 0 11.6 0l43.6-43.5a8.2 8.2 0 0 0 0-11.6zM570.4 570.4C528 612.7 471.8 636 412 636s-116-23.3-158.4-65.6C211.3 528 188 471.8 188 412s23.3-116.1 65.6-158.4C296 211.3 352.2 188 412 188s116.1 23.2 158.4 65.6S636 352.2 636 412s-23.3 116.1-65.6 158.4z"
            />
          </svg>
        </i>
      </span>
    </span>
  </span>
  <textarea
    class="prefix-Input"
  />
</div>
`;

exports[`ConfigProvider components InputNumber configProvider 1`] = `
<div
  class="config-input-number"
>
  <div
    class="config-input-number-handler-wrap"
  >
    <span
      aria-disabled="false"
      aria-label="Increase Value"
      class="config-input-number-handler config-input-number-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: up"
        class="anticon anticon-up config-input-number-handler-up-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
          />
        </svg>
      </i>
    </span>
    <span
      aria-disabled="false"
      aria-label="Decrease Value"
      class="config-input-number-handler config-input-number-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down config-input-number-handler-down-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
  <div
    aria-valuemin="-9007199254740991"
    class="config-input-number-input-wrap"
    role="spinbutton"
  >
    <input
      autocomplete="off"
      class="config-input-number-input"
      min="-9007199254740991"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber normal 1`] = `
<div
  class="ant-input-number"
>
  <div
    class="ant-input-number-handler-wrap"
  >
    <span
      aria-disabled="false"
      aria-label="Increase Value"
      class="ant-input-number-handler ant-input-number-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: up"
        class="anticon anticon-up ant-input-number-handler-up-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
          />
        </svg>
      </i>
    </span>
    <span
      aria-disabled="false"
      aria-label="Decrease Value"
      class="ant-input-number-handler ant-input-number-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down ant-input-number-handler-down-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
  <div
    aria-valuemin="-9007199254740991"
    class="ant-input-number-input-wrap"
    role="spinbutton"
  >
    <input
      autocomplete="off"
      class="ant-input-number-input"
      min="-9007199254740991"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber prefixCls 1`] = `
<div
  class="prefix-InputNumber"
>
  <div
    class="prefix-InputNumber-handler-wrap"
  >
    <span
      aria-disabled="false"
      aria-label="Increase Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: up"
        class="anticon anticon-up prefix-InputNumber-handler-up-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 0 0 140 768h75c5.1 0 9.9-2.5 12.9-6.6L512 369.8l284.1 391.6c3 4.1 7.8 6.6 12.9 6.6h75c6.5 0 10.3-7.4 6.5-12.7z"
          />
        </svg>
      </i>
    </span>
    <span
      aria-disabled="false"
      aria-label="Decrease Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <i
        aria-label="icon: down"
        class="anticon anticon-down prefix-InputNumber-handler-down-inner"
      >
        <svg
          aria-hidden="true"
          class=""
          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>
      </i>
    </span>
  </div>
  <div
    aria-valuemin="-9007199254740991"
    class="prefix-InputNumber-input-wrap"
    role="spinbutton"
  >
    <input
      autocomplete="off"
      class="prefix-InputNumber-input"
      min="-9007199254740991"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components Layout configProvider 1`] = `
<section
  class="config-layout"
>
  <aside
    class="config-layout-sider config-layout-sider-dark"
    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
  >
    <div
      class="config-layout-sider-children"
    />
  </aside>
  <section
    class="config-layout"
  >
    <header
      class="config-layout-header"
    />
    <main
      class="config-layout-content"
    />
    <footer
      class="config-layout-footer"
    />
  </section>
</section>
`;

exports[`ConfigProvider components Layout normal 1`] = `
<section
  class="ant-layout"
>
  <aside
    class="ant-layout-sider ant-layout-sider-dark"
    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
  >
    <div
      class="ant-layout-sider-children"
    />
  </aside>
  <section
    class="ant-layout"
  >
    <header
      class="ant-layout-header"
    />
    <main
      class="ant-layout-content"
    />
    <footer
      class="ant-layout-footer"
    />
  </section>
</section>
`;

exports[`ConfigProvider components Layout prefixCls 1`] = `
<section
  class="prefix-Layout"
>
  <aside
    class="prefix-sider prefix-sider-dark"
    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
  >
    <div
      class="prefix-sider-children"
    />
  </aside>
  <section
    class="prefix-Layout"
  >
    <header
      class="prefix-header"
    />
    <main
      class="prefix-content"
    />
    <footer
      class="prefix-footer"
    />
  </section>
</section>
`;

exports[`ConfigProvider components List configProvider 1`] = `
<div
  class="config-list config-list-split"
>
  <div
    class="config-spin-nested-loading"
  >
    <div
      class="config-spin-container"
    >
      <ul
        class="config-list-items"
      >
        <li
          class="config-list-item"
        >
          <div
            class="config-list-item-meta"
          >
            <div
              class="config-list-item-meta-avatar"
            >
              <span
                class="config-avatar config-avatar-circle config-avatar-image"
              >
                <img
                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                />
              </span>
            </div>
            <div
              class="config-list-item-meta-content"
            >
              <h4
                class="config-list-item-meta-title"
              >
                Ant Design
              </h4>
              <div
                class="config-list-item-meta-description"
              >
                Ant Design, a design language for background applications, is refined by Ant UED Team
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components List normal 1`] = `
<div
  class="ant-list ant-list-split"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <ul
        class="ant-list-items"
      >
        <li
          class="ant-list-item"
        >
          <div
            class="ant-list-item-meta"
          >
            <div
              class="ant-list-item-meta-avatar"
            >
              <span
                class="ant-avatar ant-avatar-circle ant-avatar-image"
              >
                <img
                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                />
              </span>
            </div>
            <div
              class="ant-list-item-meta-content"
            >
              <h4
                class="ant-list-item-meta-title"
              >
                Ant Design
              </h4>
              <div
                class="ant-list-item-meta-description"
              >
                Ant Design, a design language for background applications, is refined by Ant UED Team
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components List prefixCls 1`] = `
<div
  class="prefix-List prefix-List-split"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <ul
        class="prefix-List-items"
      >
        <li
          class="prefix-List-item"
        >
          <div
            class="prefix-List-item-meta"
          >
            <div
              class="prefix-List-item-meta-avatar"
            >
              <span
                class="ant-avatar ant-avatar-circle ant-avatar-image"
              >
                <img
                  src="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
                />
              </span>
            </div>
            <div
              class="prefix-List-item-meta-content"
            >
              <h4
                class="prefix-List-item-meta-title"
              >
                Ant Design
              </h4>
              <div
                class="prefix-List-item-meta-description"
              >
                Ant Design, a design language for background applications, is refined by Ant UED Team
              </div>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Mention configProvider 1`] = `
<div
  class="config-mention-wrapper"
>
  <div
    class="config-mention-editor oneline"
  >
    <div
      class="config-mention-toolbar"
    />
    <div
      class="config-mention-editor-wrapper"
    >
      <div
        class="DraftEditor-root"
      >
        <div
          class="DraftEditor-editorContainer"
        >
          <div
            aria-describedby="placeholder-123"
            class="notranslate public-DraftEditor-content"
            contenteditable="true"
            role="textbox"
            spellcheck="false"
            style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
          >
            <div
              data-contents="true"
            >
              <div
                class=""
                data-block="true"
                data-editor="123"
                data-offset-key="123-0-0"
              >
                <div
                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
                  data-offset-key="123-0-0"
                >
                  <span
                    data-offset-key="123-0-0"
                  >
                    <br
                      data-text="true"
                    />
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Mention normal 1`] = `
<div
  class="ant-mention-wrapper"
>
  <div
    class="ant-mention-editor oneline"
  >
    <div
      class="ant-mention-toolbar"
    />
    <div
      class="ant-mention-editor-wrapper"
    >
      <div
        class="DraftEditor-root"
      >
        <div
          class="DraftEditor-editorContainer"
        >
          <div
            aria-describedby="placeholder-123"
            class="notranslate public-DraftEditor-content"
            contenteditable="true"
            role="textbox"
            spellcheck="false"
            style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
          >
            <div
              data-contents="true"
            >
              <div
                class=""
                data-block="true"
                data-editor="123"
                data-offset-key="123-0-0"
              >
                <div
                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
                  data-offset-key="123-0-0"
                >
                  <span
                    data-offset-key="123-0-0"
                  >
                    <br
                      data-text="true"
                    />
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Mention prefixCls 1`] = `
<div
  class="prefix-Mention-wrapper"
>
  <div
    class="prefix-Mention-editor oneline"
  >
    <div
      class="prefix-Mention-toolbar"
    />
    <div
      class="prefix-Mention-editor-wrapper"
    >
      <div
        class="DraftEditor-root"
      >
        <div
          class="DraftEditor-editorContainer"
        >
          <div
            aria-describedby="placeholder-123"
            class="notranslate public-DraftEditor-content"
            contenteditable="true"
            role="textbox"
            spellcheck="false"
            style="outline:none;user-select:text;-webkit-user-select:text;white-space:pre-wrap;word-wrap:break-word"
          >
            <div
              data-contents="true"
            >
              <div
                class=""
                data-block="true"
                data-editor="123"
                data-offset-key="123-0-0"
              >
                <div
                  class="public-DraftStyleDefault-block public-DraftStyleDefault-ltr"
                  data-offset-key="123-0-0"
                >
                  <span
                    data-offset-key="123-0-0"
                  >
                    <br
                      data-text="true"
                    />
                  </span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Menu configProvider 1`] = `
<ul
  class="config-menu config-menu-light config-menu-root config-menu-inline"
  motion="[object Object]"
  role="menu"
>
  <li
    class="config-menu-submenu config-menu-submenu-inline config-menu-submenu-open"
    role="menuitem"
  >
    <div
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns="bamboo$Menu"
      class="config-menu-submenu-title"
      style="padding-left:24px"
      title="bamboo"
    >
      bamboo
      <i
        class="config-menu-submenu-arrow"
      />
    </div>
    <ul
      class="config-menu  config-menu-sub config-menu-inline"
      id="bamboo$Menu"
      role="menu"
    >
      <li
        class=" config-menu-item-group"
      >
        <div
          class="config-menu-item-group-title"
          title="Item 1"
        >
          Item 1
        </div>
        <ul
          class="config-menu-item-group-list"
        >
          <li
            class="config-menu-item"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Menu normal 1`] = `
<ul
  class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
  motion="[object Object]"
  role="menu"
>
  <li
    class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open"
    role="menuitem"
  >
    <div
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns="bamboo$Menu"
      class="ant-menu-submenu-title"
      style="padding-left:24px"
      title="bamboo"
    >
      bamboo
      <i
        class="ant-menu-submenu-arrow"
      />
    </div>
    <ul
      class="ant-menu  ant-menu-sub ant-menu-inline"
      id="bamboo$Menu"
      role="menu"
    >
      <li
        class=" ant-menu-item-group"
      >
        <div
          class="ant-menu-item-group-title"
          title="Item 1"
        >
          Item 1
        </div>
        <ul
          class="ant-menu-item-group-list"
        >
          <li
            class="ant-menu-item"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Menu prefixCls 1`] = `
<ul
  class="prefix-Menu prefix-Menu-light prefix-Menu-root prefix-Menu-inline"
  motion="[object Object]"
  role="menu"
>
  <li
    class="prefix-Menu-submenu prefix-Menu-submenu-inline prefix-Menu-submenu-open"
    role="menuitem"
  >
    <div
      aria-expanded="true"
      aria-haspopup="true"
      aria-owns="bamboo$Menu"
      class="prefix-Menu-submenu-title"
      style="padding-left:24px"
      title="bamboo"
    >
      bamboo
      <i
        class="prefix-Menu-submenu-arrow"
      />
    </div>
    <ul
      class="prefix-Menu  prefix-Menu-sub prefix-Menu-inline"
      id="bamboo$Menu"
      role="menu"
    >
      <li
        class=" prefix-Menu-item-group"
      >
        <div
          class="prefix-Menu-item-group-title"
          title="Item 1"
        >
          Item 1
        </div>
        <ul
          class="prefix-Menu-item-group-list"
        >
          <li
            class="prefix-Menu-item"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Modal configProvider 1`] = `
<div>
  <div>
    <div
      class="config-modal-mask"
    />
    <div
      class="config-modal-wrap "
      role="dialog"
      tabindex="-1"
    >
      <div
        class="config-modal "
        role="document"
        style="width:520px"
      >
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
        <div
          class="config-modal-content"
        >
          <button
            aria-label="Close"
            class="config-modal-close"
            type="button"
          >
            <span
              class="config-modal-close-x"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close config-modal-close-icon"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </span>
          </button>
          <div
            class="config-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="config-modal-footer"
          >
            <div>
              <button
                class="config-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="config-btn config-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal normal 1`] = `
<div>
  <div>
    <div
      class="ant-modal-mask"
    />
    <div
      class="ant-modal-wrap "
      role="dialog"
      tabindex="-1"
    >
      <div
        class="ant-modal "
        role="document"
        style="width:520px"
      >
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
        <div
          class="ant-modal-content"
        >
          <button
            aria-label="Close"
            class="ant-modal-close"
            type="button"
          >
            <span
              class="ant-modal-close-x"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close ant-modal-close-icon"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </span>
          </button>
          <div
            class="ant-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="ant-modal-footer"
          >
            <div>
              <button
                class="ant-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="ant-btn ant-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal prefixCls 1`] = `
<div>
  <div>
    <div
      class="prefix-Modal-mask"
    />
    <div
      class="prefix-Modal-wrap "
      role="dialog"
      tabindex="-1"
    >
      <div
        class="prefix-Modal "
        role="document"
        style="width:520px"
      >
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
        <div
          class="prefix-Modal-content"
        >
          <button
            aria-label="Close"
            class="prefix-Modal-close"
            type="button"
          >
            <span
              class="prefix-Modal-close-x"
            >
              <i
                aria-label="icon: close"
                class="anticon anticon-close prefix-Modal-close-icon"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  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 0 0 203 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>
              </i>
            </span>
          </button>
          <div
            class="prefix-Modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="prefix-Modal-footer"
          >
            <div>
              <button
                class="ant-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="ant-btn ant-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components PageHeader configProvider 1`] = `
<div>
  <div
    class="config-page-header"
  >
    <div
      class="config-page-header-heading"
    >
      <span
        class="config-page-header-heading-title"
      >
        pageHeader
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components PageHeader normal 1`] = `
<div>
  <div
    class="ant-page-header ant-page-header-ghost"
  >
    <div
      class="ant-page-header-heading"
    >
      <span
        class="ant-page-header-heading-title"
      >
        pageHeader
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components PageHeader prefixCls 1`] = `
<div>
  <div
    class="prefix-PageHeader prefix-PageHeader-ghost"
  >
    <div
      class="prefix-PageHeader-heading"
    >
      <span
        class="prefix-PageHeader-heading-title"
      >
        pageHeader
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Pagination configProvider 1`] = `
<div>
  <ul
    class="config-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-prev"
      title="Previous Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-next"
      title="Next Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-pagination-options-size-changer config-select config-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="config-select-selection
            config-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="config-select-selection__rendered"
          >
            <div
              class="config-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="config-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down config-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="config-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-prev"
      title="Previous Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-next"
      title="Next Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select-sm config-pagination-options-size-changer config-select config-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="config-select-selection
            config-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="config-select-selection__rendered"
          >
            <div
              class="config-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="config-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down config-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Pagination normal 1`] = `
<div>
  <ul
    class="ant-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-prev"
      title="Previous Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-next"
      title="Next Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-pagination-options-size-changer ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="ant-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-prev"
      title="Previous Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-next"
      title="Next Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select-sm ant-pagination-options-size-changer ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Pagination prefixCls 1`] = `
<div>
  <ul
    class="prefix-Pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-prev"
      title="Previous Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-next"
      title="Next Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="prefix-Pagination-options"
    >
      <div
        class="prefix-Pagination-options-size-changer ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="prefix-Pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="prefix-Pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-prev"
      title="Previous Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <i
          aria-label="icon: left"
          class="anticon anticon-left"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 0 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>
        </i>
      </a>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-next"
      title="Next Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <i
          aria-label="icon: right"
          class="anticon anticon-right"
        >
          <svg
            aria-hidden="true"
            class=""
            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 0 0 302 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 0 0 0-50.4z"
            />
          </svg>
        </i>
      </a>
    </li>
    <li
      class="prefix-Pagination-options"
    >
      <div
        class="ant-select-sm prefix-Pagination-options-size-changer ant-select ant-select-enabled"
      >
        <div
          aria-autocomplete="list"
          aria-controls=""
          aria-expanded="false"
          aria-haspopup="true"
          class="ant-select-selection
            ant-select-selection--single"
          role="combobox"
          tabindex="0"
        >
          <div
            class="ant-select-selection__rendered"
          >
            <div
              class="ant-select-selection-selected-value"
              style="display:block;opacity:1"
              title="10 / page"
            >
              10 / page
            </div>
          </div>
          <span
            class="ant-select-arrow"
            style="user-select:none;-webkit-user-select:none"
            unselectable="on"
          >
            <i
              aria-label="icon: down"
              class="anticon anticon-down ant-select-arrow-icon"
            >
              <svg
                aria-hidden="true"
                class=""
                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>
            </i>
          </span>
        </div>
      </div>
      <div
        class="prefix-Pagination-options-quick-jumper"
      >
        Goto
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Popconfirm configProvider 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="config-popover  config-popover-placement-top "
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        />
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="config-popover-inner-content"
            >
              <div
                class="config-popover-message"
              >
                <i
                  aria-label="icon: exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-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 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"
                    />
                  </svg>
                </i>
                <div
                  class="config-popover-message-title"
                />
              </div>
              <div
                class="config-popover-buttons"
              >
                <button
                  class="config-btn config-btn-sm"
                  type="button"
                >
                  <span>
                    Cancel
                  </span>
                </button>
                <button
                  class="config-btn config-btn-primary config-btn-sm"
                  type="button"
                >
                  <span>
                    OK
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popconfirm normal 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="ant-popover  ant-popover-placement-top "
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        />
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="ant-popover-inner-content"
            >
              <div
                class="ant-popover-message"
              >
                <i
                  aria-label="icon: exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-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 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"
                    />
                  </svg>
                </i>
                <div
                  class="ant-popover-message-title"
                />
              </div>
              <div
                class="ant-popover-buttons"
              >
                <button
                  class="ant-btn ant-btn-sm"
                  type="button"
                >
                  <span>
                    Cancel
                  </span>
                </button>
                <button
                  class="ant-btn ant-btn-primary ant-btn-sm"
                  type="button"
                >
                  <span>
                    OK
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
<div>
  <span
    class="prefix-Popconfirm-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="prefix-Popconfirm  prefix-Popconfirm-placement-top "
    >
      <div
        class="prefix-Popconfirm-content"
      >
        <div
          class="prefix-Popconfirm-arrow"
        />
        <div
          class="prefix-Popconfirm-inner"
          role="tooltip"
        >
          <div>
            <div
              class="prefix-Popconfirm-inner-content"
            >
              <div
                class="prefix-Popconfirm-message"
              >
                <i
                  aria-label="icon: exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-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 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 0 1 0-96 48.01 48.01 0 0 1 0 96z"
                    />
                  </svg>
                </i>
                <div
                  class="prefix-Popconfirm-message-title"
                />
              </div>
              <div
                class="prefix-Popconfirm-buttons"
              >
                <button
                  class="ant-btn ant-btn-sm"
                  type="button"
                >
                  <span>
                    Cancel
                  </span>
                </button>
                <button
                  class="ant-btn ant-btn-primary ant-btn-sm"
                  type="button"
                >
                  <span>
                    OK
                  </span>
                </button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover configProvider 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="config-popover  config-popover-placement-top "
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        />
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="config-popover-inner-content"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover normal 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="ant-popover  ant-popover-placement-top "
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        />
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="ant-popover-inner-content"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover prefixCls 1`] = `
<div>
  <span
    class="prefix-Popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="prefix-Popover  prefix-Popover-placement-top "
    >
      <div
        class="prefix-Popover-content"
      >
        <div
          class="prefix-Popover-arrow"
        />
        <div
          class="prefix-Popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="prefix-Popover-inner-content"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Progress configProvider 1`] = `
<div
  class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
  <div>
    <div
      class="config-progress-outer"
    >
      <div
        class="config-progress-inner"
      >
        <div
          class="config-progress-bg"
          style="width:0%;height:8px;border-radius:"
        />
      </div>
    </div>
    <span
      class="config-progress-text"
      title="0%"
    >
      0%
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Progress normal 1`] = `
<div
  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
  <div>
    <div
      class="ant-progress-outer"
    >
      <div
        class="ant-progress-inner"
      >
        <div
          class="ant-progress-bg"
          style="width:0%;height:8px;border-radius:"
        />
      </div>
    </div>
    <span
      class="ant-progress-text"
      title="0%"
    >
      0%
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Progress prefixCls 1`] = `
<div
  class="prefix-Progress prefix-Progress-line prefix-Progress-status-normal prefix-Progress-show-info prefix-Progress-default"
>
  <div>
    <div
      class="prefix-Progress-outer"
    >
      <div
        class="prefix-Progress-inner"
      >
        <div
          class="prefix-Progress-bg"
          style="width:0%;height:8px;border-radius:"
        />
      </div>
    </div>
    <span
      class="prefix-Progress-text"
      title="0%"
    >
      0%
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Radio configProvider 1`] = `
<div>
  <div
    class="config-radio-group config-radio-group-outline"
  >
    <label
      class="config-radio-wrapper config-radio-wrapper-checked"
    >
      <span
        class="config-radio config-radio-checked"
      >
        <input
          checked=""
          class="config-radio-input"
          type="radio"
        />
        <span
          class="config-radio-inner"
        />
      </span>
      <span>
        Bamboo
      </span>
    </label>
  </div>
  <div
    class="config-radio-group config-radio-group-outline"
  >
    <label
      class="config-radio-button-wrapper config-radio-button-wrapper-checked"
    >
      <span
        class="config-radio-button config-radio-button-checked"
      >
        <input
          checked=""
          class="config-radio-button-input"
          type="radio"
        />
        <span
          class="config-radio-button-inner"
        />
      </span>
      <span>
        Light
      </span>
    </label>
  </div>
</div>
`;

exports[`ConfigProvider components Radio normal 1`] = `
<div>
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-wrapper ant-radio-wrapper-checked"
    >
      <span
        class="ant-radio ant-radio-checked"
      >
        <input
          checked=""
          class="ant-radio-input"
          type="radio"
        />
        <span
          class="ant-radio-inner"
        />
      </span>
      <span>
        Bamboo
      </span>
    </label>
  </div>
  <div
    class="ant-radio-group ant-radio-group-outline"
  >
    <label
      class="ant-radio-button-wrapper ant-radio-button-wrapper-checked"
    >
      <span
        class="ant-radio-button ant-radio-button-checked"
      >
        <input
          checked=""
          class="ant-radio-button-input"
          type="radio"
        />
        <span
          class="ant-radio-button-inner"
        />
      </span>
      <span>
        Light
      </span>
    </label>
  </div>
</div>
`;

exports[`ConfigProvider components Radio prefixCls 1`] = `
<div>
  <div
    class="prefix-Radio-group prefix-Radio-group-outline"
  >
    <label
      class="prefix-Radio-wrapper prefix-Radio-wrapper-checked"
    >
      <span
        class="prefix-Radio prefix-Radio-checked"
      >
        <input
          checked=""
          class="prefix-Radio-input"
          type="radio"
        />
        <span
          class="prefix-Radio-inner"
        />
      </span>
      <span>
        Bamboo
      </span>
    </label>
  </div>
  <div
    class="prefix-Radio-group prefix-Radio-group-outline"
  >
    <label
      class="prefix-Radio-wrapper prefix-Radio-wrapper-checked"
    >
      <span
        class="prefix-Radio prefix-Radio-checked"
      >
        <input
          checked=""
          class="prefix-Radio-input"
          type="radio"
        />
        <span
          class="prefix-Radio-inner"
        />
      </span>
      <span>
        Light
      </span>
    </label>
  </div>
</div>
`;

exports[`ConfigProvider components Rate configProvider 1`] = `
<ul
  class="config-rate"
  role="radiogroup"
  tabindex="0"
>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="1"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="config-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="2"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="config-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="3"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="config-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="4"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="config-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="5"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="config-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Rate normal 1`] = `
<ul
  class="ant-rate"
  role="radiogroup"
  tabindex="0"
>
  <li
    class="ant-rate-star ant-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="1"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="ant-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="ant-rate-star ant-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="2"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="ant-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="ant-rate-star ant-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="3"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="ant-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="ant-rate-star ant-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="4"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="ant-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="ant-rate-star ant-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="5"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="ant-rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Rate prefixCls 1`] = `
<ul
  class="prefix-Rate"
  role="radiogroup"
  tabindex="0"
>
  <li
    class="prefix-Rate-star prefix-Rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="1"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="prefix-Rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="prefix-Rate-star prefix-Rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="2"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="prefix-Rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="prefix-Rate-star prefix-Rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="3"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="prefix-Rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="prefix-Rate-star prefix-Rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="4"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="prefix-Rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
  <li
    class="prefix-Rate-star prefix-Rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="5"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="prefix-Rate-star-first"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <i
          aria-label="icon: star"
          class="anticon anticon-star"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 0 0 .6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0 0 46.4 33.7L512 754l227.1 119.4c6.2 3.3 13.4 4.4 20.3 3.2 17.4-3 29.1-19.5 26.1-36.9l-43.4-252.9 183.7-179.1c5-4.9 8.3-11.3 9.3-18.3 2.7-17.5-9.5-33.7-27-36.3z"
            />
          </svg>
        </i>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Select configProvider 1`] = `
Array [
  <div
    class="config-select config-select-open config-select-focused config-select-enabled"
  >
    <div
      aria-autocomplete="list"
      aria-controls=""
      aria-expanded="true"
      aria-haspopup="true"
      class="config-select-selection
            config-select-selection--single"
      role="combobox"
      tabindex="0"
    >
      <div
        class="config-select-selection__rendered"
      />
      <span
        class="config-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down config-select-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="config-select-dropdown config-select-dropdown--single config-select-dropdown-placement-bottomLeft "
    >
      <div
        id=""
        style="overflow:auto;transform:translateZ(0)"
      >
        <ul
          class="config-select-dropdown-menu  config-select-dropdown-menu-root config-select-dropdown-menu-vertical"
          role="listbox"
          tabindex="0"
        >
          <li
            class=" config-select-dropdown-menu-item-group"
          >
            <div
              class="config-select-dropdown-menu-item-group-title"
              title="grp"
            >
              grp
            </div>
            <ul
              class="config-select-dropdown-menu-item-group-list"
            >
              <li
                aria-selected="false"
                class="config-select-dropdown-menu-item config-select-dropdown-menu-item-active"
                role="option"
                style="user-select:none;-webkit-user-select:none"
                unselectable="on"
              >
                Light
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Select normal 1`] = `
Array [
  <div
    class="ant-select ant-select-open ant-select-focused ant-select-enabled"
  >
    <div
      aria-autocomplete="list"
      aria-controls=""
      aria-expanded="true"
      aria-haspopup="true"
      class="ant-select-selection
            ant-select-selection--single"
      role="combobox"
      tabindex="0"
    >
      <div
        class="ant-select-selection__rendered"
      />
      <span
        class="ant-select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down ant-select-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="ant-select-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft "
    >
      <div
        id=""
        style="overflow:auto;transform:translateZ(0)"
      >
        <ul
          class="ant-select-dropdown-menu  ant-select-dropdown-menu-root ant-select-dropdown-menu-vertical"
          role="listbox"
          tabindex="0"
        >
          <li
            class=" ant-select-dropdown-menu-item-group"
          >
            <div
              class="ant-select-dropdown-menu-item-group-title"
              title="grp"
            >
              grp
            </div>
            <ul
              class="ant-select-dropdown-menu-item-group-list"
            >
              <li
                aria-selected="false"
                class="ant-select-dropdown-menu-item ant-select-dropdown-menu-item-active"
                role="option"
                style="user-select:none;-webkit-user-select:none"
                unselectable="on"
              >
                Light
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Select prefixCls 1`] = `
Array [
  <div
    class="prefix-Select prefix-Select-open prefix-Select-focused prefix-Select-enabled"
  >
    <div
      aria-autocomplete="list"
      aria-controls=""
      aria-expanded="true"
      aria-haspopup="true"
      class="prefix-Select-selection
            prefix-Select-selection--single"
      role="combobox"
      tabindex="0"
    >
      <div
        class="prefix-Select-selection__rendered"
      />
      <span
        class="prefix-Select-arrow"
        style="user-select:none;-webkit-user-select:none"
        unselectable="on"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down prefix-Select-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="prefix-Select-dropdown prefix-Select-dropdown--single prefix-Select-dropdown-placement-bottomLeft "
    >
      <div
        id=""
        style="overflow:auto;transform:translateZ(0)"
      >
        <ul
          class="prefix-Select-dropdown-menu  prefix-Select-dropdown-menu-root prefix-Select-dropdown-menu-vertical"
          role="listbox"
          tabindex="0"
        >
          <li
            class=" prefix-Select-dropdown-menu-item-group"
          >
            <div
              class="prefix-Select-dropdown-menu-item-group-title"
              title="grp"
            >
              grp
            </div>
            <ul
              class="prefix-Select-dropdown-menu-item-group-list"
            >
              <li
                aria-selected="false"
                class="prefix-Select-dropdown-menu-item prefix-Select-dropdown-menu-item-active"
                role="option"
                style="user-select:none;-webkit-user-select:none"
                unselectable="on"
              >
                Light
              </li>
            </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Skeleton configProvider 1`] = `
<div
  class="config-skeleton config-skeleton-with-avatar"
>
  <div
    class="config-skeleton-header"
  >
    <span
      class="config-skeleton-avatar config-skeleton-avatar-lg config-skeleton-avatar-circle"
    />
  </div>
  <div
    class="config-skeleton-content"
  >
    <h3
      class="config-skeleton-title"
      style="width:50%"
    />
    <ul
      class="config-skeleton-paragraph"
    >
      <li />
      <li />
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Skeleton normal 1`] = `
<div
  class="ant-skeleton ant-skeleton-with-avatar"
>
  <div
    class="ant-skeleton-header"
  >
    <span
      class="ant-skeleton-avatar ant-skeleton-avatar-lg ant-skeleton-avatar-circle"
    />
  </div>
  <div
    class="ant-skeleton-content"
  >
    <h3
      class="ant-skeleton-title"
      style="width:50%"
    />
    <ul
      class="ant-skeleton-paragraph"
    >
      <li />
      <li />
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Skeleton prefixCls 1`] = `
<div
  class="prefix-Skeleton prefix-Skeleton-with-avatar"
>
  <div
    class="prefix-Skeleton-header"
  >
    <span
      class="prefix-Skeleton-avatar prefix-Skeleton-avatar-lg prefix-Skeleton-avatar-circle"
    />
  </div>
  <div
    class="prefix-Skeleton-content"
  >
    <h3
      class="prefix-Skeleton-title"
      style="width:50%"
    />
    <ul
      class="prefix-Skeleton-paragraph"
    >
      <li />
      <li />
    </ul>
  </div>
</div>
`;

exports[`ConfigProvider components Slider configProvider 1`] = `
<div
  class="config-slider"
>
  <div
    class="config-slider-rail"
  />
  <div
    class="config-slider-track"
    style="left:0%;width:0%"
  />
  <div
    class="config-slider-step"
  />
  <div
    aria-disabled="false"
    aria-valuemax="100"
    aria-valuemin="0"
    aria-valuenow="0"
    class="config-slider-handle config-tooltip-open"
    role="slider"
    style="left:0%"
    tabindex="0"
  />
  <div>
    <div
      class="config-tooltip  config-tooltip-placement-top "
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        />
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider normal 1`] = `
<div
  class="ant-slider"
>
  <div
    class="ant-slider-rail"
  />
  <div
    class="ant-slider-track"
    style="left:0%;width:0%"
  />
  <div
    class="ant-slider-step"
  />
  <div
    aria-disabled="false"
    aria-valuemax="100"
    aria-valuemin="0"
    aria-valuenow="0"
    class="ant-slider-handle ant-tooltip-open"
    role="slider"
    style="left:0%"
    tabindex="0"
  />
  <div>
    <div
      class="ant-tooltip  ant-tooltip-placement-top "
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        />
        <div
          class="ant-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider prefixCls 1`] = `
<div
  class="prefix-Slider"
>
  <div
    class="prefix-Slider-rail"
  />
  <div
    class="prefix-Slider-track"
    style="left:0%;width:0%"
  />
  <div
    class="prefix-Slider-step"
  />
  <div
    aria-disabled="false"
    aria-valuemax="100"
    aria-valuemin="0"
    aria-valuenow="0"
    class="prefix-Slider-handle prefix-Slider-tooltip-open"
    role="slider"
    style="left:0%"
    tabindex="0"
  />
  <div>
    <div
      class="prefix-Slider-tooltip  prefix-Slider-tooltip-placement-top "
    >
      <div
        class="prefix-Slider-tooltip-content"
      >
        <div
          class="prefix-Slider-tooltip-arrow"
        />
        <div
          class="prefix-Slider-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="prefix-Slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Spin configProvider 1`] = `
<div
  class="config-spin config-spin-spinning"
>
  <span
    class="config-spin-dot config-spin-dot-spin"
  >
    <i
      class="config-spin-dot-item"
    />
    <i
      class="config-spin-dot-item"
    />
    <i
      class="config-spin-dot-item"
    />
    <i
      class="config-spin-dot-item"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Spin normal 1`] = `
<div
  class="ant-spin ant-spin-spinning"
>
  <span
    class="ant-spin-dot ant-spin-dot-spin"
  >
    <i
      class="ant-spin-dot-item"
    />
    <i
      class="ant-spin-dot-item"
    />
    <i
      class="ant-spin-dot-item"
    />
    <i
      class="ant-spin-dot-item"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Spin prefixCls 1`] = `
<div
  class="prefix-Spin prefix-Spin-spinning"
>
  <span
    class="prefix-Spin-dot prefix-Spin-dot-spin"
  >
    <i
      class="prefix-Spin-dot-item"
    />
    <i
      class="prefix-Spin-dot-item"
    />
    <i
      class="prefix-Spin-dot-item"
    />
    <i
      class="prefix-Spin-dot-item"
    />
  </span>
</div>
`;

exports[`ConfigProvider components Statistic configProvider 1`] = `
<div
  class="config-statistic"
>
  <div
    class="config-statistic-content"
  >
    <span
      class="config-statistic-content-value"
    >
      <span
        class="config-statistic-content-value-int"
      >
        0
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Statistic normal 1`] = `
<div
  class="ant-statistic"
>
  <div
    class="ant-statistic-content"
  >
    <span
      class="ant-statistic-content-value"
    >
      <span
        class="ant-statistic-content-value-int"
      >
        0
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Statistic prefixCls 1`] = `
<div
  class="prefix-Statistic"
>
  <div
    class="prefix-Statistic-content"
  >
    <span
      class="prefix-Statistic-content-value"
    >
      <span
        class="prefix-Statistic-content-value-int"
      >
        0
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components Steps configProvider 1`] = `
<div
  class="config-steps config-steps-horizontal config-steps-label-horizontal"
>
  <div
    class="config-steps-item config-steps-item-process config-steps-item-active"
  >
    <div
      class="config-steps-item-container"
    >
      <div
        class="config-steps-item-tail"
      />
      <div
        class="config-steps-item-icon"
      >
        <span
          class="config-steps-icon"
        >
          1
        </span>
      </div>
      <div
        class="config-steps-item-content"
      >
        <div
          class="config-steps-item-title"
        >
          Bamboo
        </div>
        <div
          class="config-steps-item-description"
        >
          Little Light
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Steps normal 1`] = `
<div
  class="ant-steps ant-steps-horizontal ant-steps-label-horizontal"
>
  <div
    class="ant-steps-item ant-steps-item-process ant-steps-item-active"
  >
    <div
      class="ant-steps-item-container"
    >
      <div
        class="ant-steps-item-tail"
      />
      <div
        class="ant-steps-item-icon"
      >
        <span
          class="ant-steps-icon"
        >
          1
        </span>
      </div>
      <div
        class="ant-steps-item-content"
      >
        <div
          class="ant-steps-item-title"
        >
          Bamboo
        </div>
        <div
          class="ant-steps-item-description"
        >
          Little Light
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Steps prefixCls 1`] = `
<div
  class="prefix-Steps prefix-Steps-horizontal prefix-Steps-label-horizontal"
>
  <div
    class="prefix-Steps-item prefix-Steps-item-process prefix-Steps-item-active"
  >
    <div
      class="prefix-Steps-item-container"
    >
      <div
        class="prefix-Steps-item-tail"
      />
      <div
        class="prefix-Steps-item-icon"
      >
        <span
          class="prefix-Steps-icon"
        >
          1
        </span>
      </div>
      <div
        class="prefix-Steps-item-content"
      >
        <div
          class="prefix-Steps-item-title"
        >
          Bamboo
        </div>
        <div
          class="prefix-Steps-item-description"
        >
          Little Light
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Switch configProvider 1`] = `
<button
  aria-checked="false"
  class="config-switch"
  role="switch"
  type="button"
>
  <span
    class="config-switch-inner"
  />
</button>
`;

exports[`ConfigProvider components Switch normal 1`] = `
<button
  aria-checked="false"
  class="ant-switch"
  role="switch"
  type="button"
>
  <span
    class="ant-switch-inner"
  />
</button>
`;

exports[`ConfigProvider components Switch prefixCls 1`] = `
<button
  aria-checked="false"
  class="prefix-Switch"
  role="switch"
  type="button"
>
  <span
    class="prefix-Switch-inner"
  />
</button>
`;

exports[`ConfigProvider components Table configProvider 1`] = `
<div
  class="config-table-wrapper"
>
  <div
    class="config-spin-nested-loading"
  >
    <div
      class="config-spin-container"
    >
      <div
        class="config-table config-table-default config-table-empty config-table-scroll-position-left"
      >
        <div
          class="config-table-content"
        >
          <div
            class="config-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
              </colgroup>
              <thead
                class="config-table-thead"
              >
                <tr>
                  <th
                    class="config-table-column-has-actions config-table-column-has-filters config-table-column-has-sorters"
                  >
                    <span
                      class="config-table-header-column"
                    >
                      <div
                        class="config-table-column-sorters"
                      >
                        <span
                          class="config-table-column-title"
                        >
                          Name
                        </span>
                        <span
                          class="config-table-column-sorter"
                        >
                          <div
                            class="config-table-column-sorter-inner config-table-column-sorter-inner-full"
                            title="Sort"
                          >
                            <i
                              aria-label="icon: caret-up"
                              class="anticon anticon-caret-up config-table-column-sorter-up off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </i>
                            <i
                              aria-label="icon: caret-down"
                              class="anticon anticon-caret-down config-table-column-sorter-down off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </i>
                          </div>
                        </span>
                      </div>
                    </span>
                    <i
                      aria-label="icon: filter"
                      class="anticon anticon-filter config-table-filter-open config-dropdown-trigger config-dropdown-open"
                      tabindex="-1"
                      title="Filter menu"
                    >
                      <svg
                        aria-hidden="true"
                        class=""
                        data-icon="filter"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                        />
                      </svg>
                    </i>
                    <div>
                      <div
                        class="config-dropdown  config-dropdown-placement-bottomRight "
                      >
                        <div
                          class="config-table-filter-dropdown"
                        >
                          <ul
                            class="config-dropdown-menu  config-dropdown-menu-root config-dropdown-menu-vertical"
                            role="menu"
                            tabindex="0"
                          >
                            <li
                              class="config-dropdown-menu-item"
                              role="menuitem"
                            >
                              <label
                                class="config-checkbox-wrapper"
                              >
                                <span
                                  class="config-checkbox"
                                >
                                  <input
                                    class="config-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="config-checkbox-inner"
                                  />
                                </span>
                              </label>
                              <span>
                                Joe
                              </span>
                            </li>
                            <li
                              class="config-dropdown-menu-submenu config-dropdown-menu-submenu-vertical"
                              role="menuitem"
                            >
                              <div
                                aria-expanded="false"
                                aria-haspopup="true"
                                class="config-dropdown-menu-submenu-title"
                                title="Submenu"
                              >
                                Submenu
                                <i
                                  class="config-dropdown-menu-submenu-arrow"
                                />
                              </div>
                            </li>
                          </ul>
                          <div
                            class="config-table-filter-dropdown-btns"
                          >
                            <a
                              class="config-table-filter-dropdown-link confirm"
                            >
                              OK
                            </a>
                            <a
                              class="config-table-filter-dropdown-link clear"
                            >
                              Reset
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="config-table-tbody"
              />
            </table>
          </div>
          <div
            class="config-table-placeholder"
          >
            <div
              class="config-empty config-empty-normal"
            >
              <div
                class="config-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#F5F5F5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#D9D9D9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#FAFAFA"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <p
                class="config-empty-description"
              >
                No Data
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Table normal 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-default ant-table-empty ant-table-scroll-position-left"
      >
        <div
          class="ant-table-content"
        >
          <div
            class="ant-table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
              </colgroup>
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-column-has-actions ant-table-column-has-filters ant-table-column-has-sorters"
                  >
                    <span
                      class="ant-table-header-column"
                    >
                      <div
                        class="ant-table-column-sorters"
                      >
                        <span
                          class="ant-table-column-title"
                        >
                          Name
                        </span>
                        <span
                          class="ant-table-column-sorter"
                        >
                          <div
                            class="ant-table-column-sorter-inner ant-table-column-sorter-inner-full"
                            title="Sort"
                          >
                            <i
                              aria-label="icon: caret-up"
                              class="anticon anticon-caret-up ant-table-column-sorter-up off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </i>
                            <i
                              aria-label="icon: caret-down"
                              class="anticon anticon-caret-down ant-table-column-sorter-down off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </i>
                          </div>
                        </span>
                      </div>
                    </span>
                    <i
                      aria-label="icon: filter"
                      class="anticon anticon-filter ant-table-filter-open ant-dropdown-trigger ant-dropdown-open"
                      tabindex="-1"
                      title="Filter menu"
                    >
                      <svg
                        aria-hidden="true"
                        class=""
                        data-icon="filter"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                        />
                      </svg>
                    </i>
                    <div>
                      <div
                        class="ant-dropdown  ant-dropdown-placement-bottomRight "
                      >
                        <div
                          class="ant-table-filter-dropdown"
                        >
                          <ul
                            class="ant-dropdown-menu  ant-dropdown-menu-root ant-dropdown-menu-vertical"
                            role="menu"
                            tabindex="0"
                          >
                            <li
                              class="ant-dropdown-menu-item"
                              role="menuitem"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                              <span>
                                Joe
                              </span>
                            </li>
                            <li
                              class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
                              role="menuitem"
                            >
                              <div
                                aria-expanded="false"
                                aria-haspopup="true"
                                class="ant-dropdown-menu-submenu-title"
                                title="Submenu"
                              >
                                Submenu
                                <i
                                  class="ant-dropdown-menu-submenu-arrow"
                                />
                              </div>
                            </li>
                          </ul>
                          <div
                            class="ant-table-filter-dropdown-btns"
                          >
                            <a
                              class="ant-table-filter-dropdown-link confirm"
                            >
                              OK
                            </a>
                            <a
                              class="ant-table-filter-dropdown-link clear"
                            >
                              Reset
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              />
            </table>
          </div>
          <div
            class="ant-table-placeholder"
          >
            <div
              class="ant-empty ant-empty-normal"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#F5F5F5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#D9D9D9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#FAFAFA"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <p
                class="ant-empty-description"
              >
                No Data
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Table prefixCls 1`] = `
<div
  class="prefix-Table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="prefix-Table prefix-Table-default prefix-Table-empty prefix-Table-scroll-position-left"
      >
        <div
          class="prefix-Table-content"
        >
          <div
            class="prefix-Table-body"
          >
            <table
              class=""
            >
              <colgroup>
                <col />
              </colgroup>
              <thead
                class="prefix-Table-thead"
              >
                <tr>
                  <th
                    class="prefix-Table-column-has-actions prefix-Table-column-has-filters prefix-Table-column-has-sorters"
                  >
                    <span
                      class="prefix-Table-header-column"
                    >
                      <div
                        class="prefix-Table-column-sorters"
                      >
                        <span
                          class="prefix-Table-column-title"
                        >
                          Name
                        </span>
                        <span
                          class="prefix-Table-column-sorter"
                        >
                          <div
                            class="prefix-Table-column-sorter-inner prefix-Table-column-sorter-inner-full"
                            title="Sort"
                          >
                            <i
                              aria-label="icon: caret-up"
                              class="anticon anticon-caret-up prefix-Table-column-sorter-up off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-up"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                />
                              </svg>
                            </i>
                            <i
                              aria-label="icon: caret-down"
                              class="anticon anticon-caret-down prefix-Table-column-sorter-down off"
                            >
                              <svg
                                aria-hidden="true"
                                class=""
                                data-icon="caret-down"
                                fill="currentColor"
                                focusable="false"
                                height="1em"
                                viewBox="0 0 1024 1024"
                                width="1em"
                              >
                                <path
                                  d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                />
                              </svg>
                            </i>
                          </div>
                        </span>
                      </div>
                    </span>
                    <i
                      aria-label="icon: filter"
                      class="anticon anticon-filter prefix-Table-filter-open ant-dropdown-trigger ant-dropdown-open"
                      tabindex="-1"
                      title="Filter menu"
                    >
                      <svg
                        aria-hidden="true"
                        class=""
                        data-icon="filter"
                        fill="currentColor"
                        focusable="false"
                        height="1em"
                        viewBox="64 64 896 896"
                        width="1em"
                      >
                        <path
                          d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                        />
                      </svg>
                    </i>
                    <div>
                      <div
                        class="ant-dropdown  ant-dropdown-placement-bottomRight "
                      >
                        <div
                          class="prefix-Table-filter-dropdown"
                        >
                          <ul
                            class="ant-dropdown-menu  ant-dropdown-menu-root ant-dropdown-menu-vertical"
                            role="menu"
                            tabindex="0"
                          >
                            <li
                              class="ant-dropdown-menu-item"
                              role="menuitem"
                            >
                              <label
                                class="ant-checkbox-wrapper"
                              >
                                <span
                                  class="ant-checkbox"
                                >
                                  <input
                                    class="ant-checkbox-input"
                                    type="checkbox"
                                  />
                                  <span
                                    class="ant-checkbox-inner"
                                  />
                                </span>
                              </label>
                              <span>
                                Joe
                              </span>
                            </li>
                            <li
                              class="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
                              role="menuitem"
                            >
                              <div
                                aria-expanded="false"
                                aria-haspopup="true"
                                class="ant-dropdown-menu-submenu-title"
                                title="Submenu"
                              >
                                Submenu
                                <i
                                  class="ant-dropdown-menu-submenu-arrow"
                                />
                              </div>
                            </li>
                          </ul>
                          <div
                            class="prefix-Table-filter-dropdown-btns"
                          >
                            <a
                              class="prefix-Table-filter-dropdown-link confirm"
                            >
                              OK
                            </a>
                            <a
                              class="prefix-Table-filter-dropdown-link clear"
                            >
                              Reset
                            </a>
                          </div>
                        </div>
                      </div>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="prefix-Table-tbody"
              />
            </table>
          </div>
          <div
            class="prefix-Table-placeholder"
          >
            <div
              class="ant-empty ant-empty-normal"
            >
              <div
                class="ant-empty-image"
              >
                <svg
                  height="41"
                  viewBox="0 0 64 41"
                  width="64"
                  xmlns="http://www.w3.org/2000/svg"
                >
                  <g
                    fill="none"
                    fill-rule="evenodd"
                    transform="translate(0 1)"
                  >
                    <ellipse
                      cx="32"
                      cy="33"
                      fill="#F5F5F5"
                      rx="32"
                      ry="7"
                    />
                    <g
                      fill-rule="nonzero"
                      stroke="#D9D9D9"
                    >
                      <path
                        d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                      />
                      <path
                        d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                        fill="#FAFAFA"
                      />
                    </g>
                  </g>
                </svg>
              </div>
              <p
                class="ant-empty-description"
              >
                No Data
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider 1`] = `
<div
  class="config-tabs config-tabs-top config-tabs-line"
>
  <div
    class="config-tabs-bar config-tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="config-tabs-nav-container"
    >
      <span
        class="config-tabs-tab-prev config-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="config-tabs-tab-prev-icon"
        >
          <i
            aria-label="icon: left"
            class="anticon anticon-left config-tabs-tab-prev-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 0 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>
          </i>
        </span>
      </span>
      <span
        class="config-tabs-tab-next config-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="config-tabs-tab-next-icon"
        >
          <i
            aria-label="icon: right"
            class="anticon anticon-right config-tabs-tab-next-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 302 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 0 0 0-50.4z"
              />
            </svg>
          </i>
        </span>
      </span>
      <div
        class="config-tabs-nav-wrap"
      >
        <div
          class="config-tabs-nav-scroll"
        >
          <div
            class="config-tabs-nav config-tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="config-tabs-tab-active config-tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="config-tabs-ink-bar config-tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="config-tabs-content config-tabs-content-animated config-tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="config-tabs-tabpane config-tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

exports[`ConfigProvider components Tabs normal 1`] = `
<div
  class="ant-tabs ant-tabs-top ant-tabs-line"
>
  <div
    class="ant-tabs-bar ant-tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="ant-tabs-nav-container"
    >
      <span
        class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="ant-tabs-tab-prev-icon"
        >
          <i
            aria-label="icon: left"
            class="anticon anticon-left ant-tabs-tab-prev-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 0 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>
          </i>
        </span>
      </span>
      <span
        class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="ant-tabs-tab-next-icon"
        >
          <i
            aria-label="icon: right"
            class="anticon anticon-right ant-tabs-tab-next-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 302 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 0 0 0-50.4z"
              />
            </svg>
          </i>
        </span>
      </span>
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-scroll"
        >
          <div
            class="ant-tabs-nav ant-tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="ant-tabs-tab-active ant-tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="ant-tabs-tabpane ant-tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

exports[`ConfigProvider components Tabs prefixCls 1`] = `
<div
  class="prefix-Tabs prefix-Tabs-top prefix-Tabs-line"
>
  <div
    class="prefix-Tabs-bar prefix-Tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="prefix-Tabs-nav-container"
    >
      <span
        class="prefix-Tabs-tab-prev prefix-Tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="prefix-Tabs-tab-prev-icon"
        >
          <i
            aria-label="icon: left"
            class="anticon anticon-left prefix-Tabs-tab-prev-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 0 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>
          </i>
        </span>
      </span>
      <span
        class="prefix-Tabs-tab-next prefix-Tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="prefix-Tabs-tab-next-icon"
        >
          <i
            aria-label="icon: right"
            class="anticon anticon-right prefix-Tabs-tab-next-icon-target"
          >
            <svg
              aria-hidden="true"
              class=""
              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 0 0 302 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 0 0 0-50.4z"
              />
            </svg>
          </i>
        </span>
      </span>
      <div
        class="prefix-Tabs-nav-wrap"
      >
        <div
          class="prefix-Tabs-nav-scroll"
        >
          <div
            class="prefix-Tabs-nav prefix-Tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="prefix-Tabs-tab-active prefix-Tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="prefix-Tabs-ink-bar prefix-Tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="prefix-Tabs-content prefix-Tabs-content-animated prefix-Tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="prefix-Tabs-tabpane prefix-Tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

exports[`ConfigProvider components Tags configProvider 1`] = `
<div>
  <span
    class="config-tag"
  >
    Bamboo
  </span>
  <span
    class="config-tag config-tag-checkable"
  >
    Light
  </span>
</div>
`;

exports[`ConfigProvider components Tags normal 1`] = `
<div>
  <span
    class="ant-tag"
  >
    Bamboo
  </span>
  <span
    class="ant-tag ant-tag-checkable"
  >
    Light
  </span>
</div>
`;

exports[`ConfigProvider components Tags prefixCls 1`] = `
<div>
  <span
    class="prefix-Tags"
  >
    Bamboo
  </span>
  <span
    class="prefix-Tags prefix-Tags-checkable"
  >
    Light
  </span>
</div>
`;

exports[`ConfigProvider components TimePicker configProvider 1`] = `
Array [
  <span
    class="config-time-picker"
  >
    <input
      class="config-time-picker-input"
      id=""
      placeholder="Select time"
      type="text"
      value=""
    />
    <span
      class="config-time-picker-icon"
    >
      <i
        aria-label="icon: clock-circle"
        class="anticon anticon-clock-circle config-time-picker-clock-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="clock-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
          />
          <path
            d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
          />
        </svg>
      </i>
    </span>
  </span>,
  <div>
    <div
      class="config-time-picker-panel config-time-picker-panel-column-3 config-time-picker-panel-placement-bottomLeft "
    >
      <div
        class="config-time-picker-panel-inner"
      >
        <div
          class="config-time-picker-panel-input-wrap"
        >
          <input
            class="config-time-picker-panel-input"
            placeholder="Select time"
            value=""
          />
        </div>
        <div
          class="config-time-picker-panel-combobox"
        >
          <div
            class="config-time-picker-panel-select"
          >
            <ul>
              <li
                class="config-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
            </ul>
          </div>
          <div
            class="config-time-picker-panel-select"
          >
            <ul>
              <li
                class="config-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
          <div
            class="config-time-picker-panel-select"
          >
            <ul>
              <li
                class="config-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker normal 1`] = `
Array [
  <span
    class="ant-time-picker"
  >
    <input
      class="ant-time-picker-input"
      id=""
      placeholder="Select time"
      type="text"
      value=""
    />
    <span
      class="ant-time-picker-icon"
    >
      <i
        aria-label="icon: clock-circle"
        class="anticon anticon-clock-circle ant-time-picker-clock-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="clock-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
          />
          <path
            d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
          />
        </svg>
      </i>
    </span>
  </span>,
  <div>
    <div
      class="ant-time-picker-panel ant-time-picker-panel-column-3 ant-time-picker-panel-placement-bottomLeft "
    >
      <div
        class="ant-time-picker-panel-inner"
      >
        <div
          class="ant-time-picker-panel-input-wrap"
        >
          <input
            class="ant-time-picker-panel-input"
            placeholder="Select time"
            value=""
          />
        </div>
        <div
          class="ant-time-picker-panel-combobox"
        >
          <div
            class="ant-time-picker-panel-select"
          >
            <ul>
              <li
                class="ant-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
            </ul>
          </div>
          <div
            class="ant-time-picker-panel-select"
          >
            <ul>
              <li
                class="ant-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
          <div
            class="ant-time-picker-panel-select"
          >
            <ul>
              <li
                class="ant-time-picker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker prefixCls 1`] = `
Array [
  <span
    class="prefix-TimePicker"
  >
    <input
      class="prefix-TimePicker-input"
      id=""
      placeholder="Select time"
      type="text"
      value=""
    />
    <span
      class="prefix-TimePicker-icon"
    >
      <i
        aria-label="icon: clock-circle"
        class="anticon anticon-clock-circle prefix-TimePicker-clock-icon"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="clock-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 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
          />
          <path
            d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
          />
        </svg>
      </i>
    </span>
  </span>,
  <div>
    <div
      class="prefix-TimePicker-panel prefix-TimePicker-panel-column-3 prefix-TimePicker-panel-placement-bottomLeft "
    >
      <div
        class="prefix-TimePicker-panel-inner"
      >
        <div
          class="prefix-TimePicker-panel-input-wrap"
        >
          <input
            class="prefix-TimePicker-panel-input"
            placeholder="Select time"
            value=""
          />
        </div>
        <div
          class="prefix-TimePicker-panel-combobox"
        >
          <div
            class="prefix-TimePicker-panel-select"
          >
            <ul>
              <li
                class="prefix-TimePicker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
            </ul>
          </div>
          <div
            class="prefix-TimePicker-panel-select"
          >
            <ul>
              <li
                class="prefix-TimePicker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
          <div
            class="prefix-TimePicker-panel-select"
          >
            <ul>
              <li
                class="prefix-TimePicker-panel-select-option-selected"
                role="button"
                tabindex="0"
              >
                00
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                01
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                02
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                03
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                04
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                05
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                06
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                07
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                08
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                09
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                10
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                11
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                12
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                13
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                14
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                15
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                16
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                17
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                18
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                19
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                20
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                21
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                22
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                23
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                24
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                25
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                26
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                27
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                28
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                29
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                30
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                31
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                32
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                33
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                34
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                35
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                36
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                37
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                38
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                39
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                40
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                41
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                42
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                43
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                44
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                45
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                46
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                47
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                48
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                49
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                50
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                51
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                52
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                53
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                54
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                55
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                56
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                57
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                58
              </li>
              <li
                class=""
                role="button"
                tabindex="0"
              >
                59
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Timeline configProvider 1`] = `
<ul
  class="config-timeline"
>
  <li
    class="config-timeline-item config-timeline-item-last"
  >
    <div
      class="config-timeline-item-tail"
    />
    <div
      class="config-timeline-item-head config-timeline-item-head-blue"
    />
    <div
      class="config-timeline-item-content"
    >
      Bamboo
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Timeline normal 1`] = `
<ul
  class="ant-timeline"
>
  <li
    class="ant-timeline-item ant-timeline-item-last"
  >
    <div
      class="ant-timeline-item-tail"
    />
    <div
      class="ant-timeline-item-head ant-timeline-item-head-blue"
    />
    <div
      class="ant-timeline-item-content"
    >
      Bamboo
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Timeline prefixCls 1`] = `
<ul
  class="prefix-Timeline"
>
  <li
    class="prefix-Timeline-item prefix-Timeline-item-last"
  >
    <div
      class="prefix-Timeline-item-tail"
    />
    <div
      class="prefix-Timeline-item-head prefix-Timeline-item-head-blue"
    />
    <div
      class="prefix-Timeline-item-content"
    >
      Bamboo
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Tooltip configProvider 1`] = `
Array [
  <span
    class="config-tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="config-tooltip  config-tooltip-placement-top "
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        />
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Tooltip normal 1`] = `
Array [
  <span
    class="ant-tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="ant-tooltip  ant-tooltip-placement-top "
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        />
        <div
          class="ant-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Tooltip prefixCls 1`] = `
Array [
  <span
    class="prefix-Tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="prefix-Tooltip  prefix-Tooltip-placement-top "
    >
      <div
        class="prefix-Tooltip-content"
      >
        <div
          class="prefix-Tooltip-arrow"
        />
        <div
          class="prefix-Tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Transfer configProvider 1`] = `
<div
  class="config-transfer"
>
  <div
    class="config-transfer-list"
  >
    <div
      class="config-transfer-list-header"
    >
      <label
        class="config-checkbox-wrapper"
      >
        <span
          class="config-checkbox"
        >
          <input
            class="config-checkbox-input"
            type="checkbox"
          />
          <span
            class="config-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="config-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="config-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="config-transfer-list-body"
    >
      <div
        class="config-transfer-list-body-not-found"
      >
        <div
          class="config-empty config-empty-normal config-empty-small"
        >
          <div
            class="config-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="config-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-transfer-operation"
  >
    <button
      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
    </button>
    <button
      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: left"
        class="anticon anticon-left"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 0 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>
      </i>
    </button>
  </div>
  <div
    class="config-transfer-list"
  >
    <div
      class="config-transfer-list-header"
    >
      <label
        class="config-checkbox-wrapper"
      >
        <span
          class="config-checkbox"
        >
          <input
            class="config-checkbox-input"
            type="checkbox"
          />
          <span
            class="config-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="config-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="config-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="config-transfer-list-body"
    >
      <div
        class="config-transfer-list-body-not-found"
      >
        <div
          class="config-empty config-empty-normal config-empty-small"
        >
          <div
            class="config-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="config-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Transfer normal 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="ant-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: left"
        class="anticon anticon-left"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 0 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>
      </i>
    </button>
  </div>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="ant-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Transfer prefixCls 1`] = `
<div
  class="prefix-Transfer"
>
  <div
    class="prefix-Transfer-list"
  >
    <div
      class="prefix-Transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="prefix-Transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="prefix-Transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="prefix-Transfer-list-body"
    >
      <div
        class="prefix-Transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
  <div
    class="prefix-Transfer-operation"
  >
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: right"
        class="anticon anticon-right"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 302 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 0 0 0-50.4z"
          />
        </svg>
      </i>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <i
        aria-label="icon: left"
        class="anticon anticon-left"
      >
        <svg
          aria-hidden="true"
          class=""
          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 0 0 0 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>
      </i>
    </button>
  </div>
  <div
    class="prefix-Transfer-list"
  >
    <div
      class="prefix-Transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="prefix-Transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="prefix-Transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="prefix-Transfer-list-body"
    >
      <div
        class="prefix-Transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              height="41"
              viewBox="0 0 64 41"
              width="64"
              xmlns="http://www.w3.org/2000/svg"
            >
              <g
                fill="none"
                fill-rule="evenodd"
                transform="translate(0 1)"
              >
                <ellipse
                  cx="32"
                  cy="33"
                  fill="#F5F5F5"
                  rx="32"
                  ry="7"
                />
                <g
                  fill-rule="nonzero"
                  stroke="#D9D9D9"
                >
                  <path
                    d="M55 12.76L44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24z"
                  />
                  <path
                    d="M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007z"
                    fill="#FAFAFA"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree configProvider 1`] = `
<div>
  <ul
    class="config-tree config-tree-icon-hide"
    role="tree"
    unselectable="on"
  >
    <li
      class="config-tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="config-tree-switcher config-tree-switcher-noop"
      />
      <span
        class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="config-tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
  <ul
    class="config-tree config-tree-directory"
    role="tree"
    unselectable="on"
  >
    <li
      class="config-tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="config-tree-switcher config-tree-switcher-noop"
      />
      <span
        class="config-tree-node-content-wrapper config-tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="config-tree-iconEle config-tree-icon__customize"
        >
          <i
            aria-label="icon: folder"
            class="anticon anticon-folder"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="folder"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
              />
            </svg>
          </i>
        </span>
        <span
          class="config-tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Tree normal 1`] = `
<div>
  <ul
    class="ant-tree ant-tree-icon-hide"
    role="tree"
    unselectable="on"
  >
    <li
      class="ant-tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="ant-tree-switcher ant-tree-switcher-noop"
      />
      <span
        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="ant-tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
  <ul
    class="ant-tree ant-tree-directory"
    role="tree"
    unselectable="on"
  >
    <li
      class="ant-tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="ant-tree-switcher ant-tree-switcher-noop"
      />
      <span
        class="ant-tree-node-content-wrapper ant-tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="ant-tree-iconEle ant-tree-icon__customize"
        >
          <i
            aria-label="icon: folder"
            class="anticon anticon-folder"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="folder"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
              />
            </svg>
          </i>
        </span>
        <span
          class="ant-tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Tree prefixCls 1`] = `
<div>
  <ul
    class="prefix-Tree prefix-Tree-icon-hide"
    role="tree"
    unselectable="on"
  >
    <li
      class="prefix-Tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="prefix-Tree-switcher prefix-Tree-switcher-noop"
      />
      <span
        class="prefix-Tree-node-content-wrapper prefix-Tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="prefix-Tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
  <ul
    class="prefix-Tree prefix-Tree-directory"
    role="tree"
    unselectable="on"
  >
    <li
      class="prefix-Tree-treenode-switcher-close"
      role="treeitem"
    >
      <span
        class="prefix-Tree-switcher prefix-Tree-switcher-noop"
      />
      <span
        class="prefix-Tree-node-content-wrapper prefix-Tree-node-content-wrapper-normal"
        title="bamboo"
      >
        <span
          class="prefix-Tree-iconEle prefix-Tree-icon__customize"
        >
          <i
            aria-label="icon: folder"
            class="anticon anticon-folder"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="folder"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M880 298.4H521L403.7 186.2a8.15 8.15 0 0 0-5.5-2.2H144c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V330.4c0-17.7-14.3-32-32-32zM840 768H184V256h188.5l119.6 114.4H840V768z"
              />
            </svg>
          </i>
        </span>
        <span
          class="prefix-Tree-title"
        >
          bamboo
        </span>
      </span>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components TreeSelect configProvider 1`] = `
Array [
  <span
    aria-controls="rc-tree-select-list_3"
    aria-expanded="true"
    aria-haspopup="listbox"
    aria-owns="rc-tree-select-list_3"
    class="config-select config-select-open config-select-focused config-select-enabled"
    role="combobox"
    tabindex="0"
  >
    <span
      class="config-select-selection config-select-selection--single"
    >
      <span
        class="config-select-selection__rendered"
      >
        <span
          class="config-select-selection__placeholder"
        />
      </span>
      <span
        class="config-select-arrow"
        style="outline:none"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down config-select-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </span>
  </span>,
  <div>
    <div
      class="config-select-dropdown config-select-tree-dropdown config-select-dropdown--single config-select-dropdown-placement-bottomLeft "
      style="visibility:hidden;max-height:100vh;overflow:auto"
    >
      <div
        id="rc-tree-select-list_3"
        role="listbox"
        tabindex="-1"
      >
        <ul
          class="config-select-tree"
          role="tree"
          unselectable="on"
        >
          <li
            class="config-select-tree-treenode-switcher-close"
            role="treeitem"
          >
            <span
              class="config-select-tree-switcher config-select-tree-switcher-noop"
            />
            <span
              class="config-select-tree-node-content-wrapper config-select-tree-node-content-wrapper-normal"
              title="bamboo"
            >
              <span
                class="config-select-tree-title"
              >
                bamboo
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TreeSelect normal 1`] = `
Array [
  <span
    aria-controls="rc-tree-select-list_1"
    aria-expanded="true"
    aria-haspopup="listbox"
    aria-owns="rc-tree-select-list_1"
    class="ant-select ant-select-open ant-select-focused ant-select-enabled"
    role="combobox"
    tabindex="0"
  >
    <span
      class="ant-select-selection ant-select-selection--single"
    >
      <span
        class="ant-select-selection__rendered"
      >
        <span
          class="ant-select-selection__placeholder"
        />
      </span>
      <span
        class="ant-select-arrow"
        style="outline:none"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down ant-select-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </span>
  </span>,
  <div>
    <div
      class="ant-select-dropdown ant-select-tree-dropdown ant-select-dropdown--single ant-select-dropdown-placement-bottomLeft "
      style="visibility:hidden;max-height:100vh;overflow:auto"
    >
      <div
        id="rc-tree-select-list_1"
        role="listbox"
        tabindex="-1"
      >
        <ul
          class="ant-select-tree"
          role="tree"
          unselectable="on"
        >
          <li
            class="ant-select-tree-treenode-switcher-close"
            role="treeitem"
          >
            <span
              class="ant-select-tree-switcher ant-select-tree-switcher-noop"
            />
            <span
              class="ant-select-tree-node-content-wrapper ant-select-tree-node-content-wrapper-normal"
              title="bamboo"
            >
              <span
                class="ant-select-tree-title"
              >
                bamboo
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
Array [
  <span
    aria-controls="rc-tree-select-list_2"
    aria-expanded="true"
    aria-haspopup="listbox"
    aria-owns="rc-tree-select-list_2"
    class="prefix-TreeSelect prefix-TreeSelect-open prefix-TreeSelect-focused prefix-TreeSelect-enabled"
    role="combobox"
    tabindex="0"
  >
    <span
      class="prefix-TreeSelect-selection prefix-TreeSelect-selection--single"
    >
      <span
        class="prefix-TreeSelect-selection__rendered"
      >
        <span
          class="prefix-TreeSelect-selection__placeholder"
        />
      </span>
      <span
        class="prefix-TreeSelect-arrow"
        style="outline:none"
      >
        <i
          aria-label="icon: down"
          class="anticon anticon-down prefix-TreeSelect-arrow-icon"
        >
          <svg
            aria-hidden="true"
            class=""
            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>
        </i>
      </span>
    </span>
  </span>,
  <div>
    <div
      class="prefix-TreeSelect-dropdown prefix-TreeSelect-tree-dropdown prefix-TreeSelect-dropdown--single prefix-TreeSelect-dropdown-placement-bottomLeft "
      style="visibility:hidden;max-height:100vh;overflow:auto"
    >
      <div
        id="rc-tree-select-list_2"
        role="listbox"
        tabindex="-1"
      >
        <ul
          class="prefix-TreeSelect-tree"
          role="tree"
          unselectable="on"
        >
          <li
            class="prefix-TreeSelect-tree-treenode-switcher-close"
            role="treeitem"
          >
            <span
              class="prefix-TreeSelect-tree-switcher prefix-TreeSelect-tree-switcher-noop"
            />
            <span
              class="prefix-TreeSelect-tree-node-content-wrapper prefix-TreeSelect-tree-node-content-wrapper-normal"
              title="bamboo"
            >
              <span
                class="prefix-TreeSelect-tree-title"
              >
                bamboo
              </span>
            </span>
          </li>
        </ul>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Upload configProvider 1`] = `
<span
  class=""
>
  <div
    class="config-upload config-upload-select config-upload-select-text"
  />
  <div
    class="config-upload-list config-upload-list-text"
  >
    <div
      class="config-upload-list-item config-upload-list-item-done config-upload-list-item-list-type-text"
    >
      <div
        class="config-upload-list-item-info"
      >
        <span>
          <i
            aria-label="icon: paper-clip"
            class="anticon anticon-paper-clip"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="paper-clip"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
              />
            </svg>
          </i>
          <span
            class="config-upload-list-item-name config-upload-list-item-name-icon-count-2"
            title="xxx.png"
          >
            xxx.png
            <span
              class="config-upload-list-item-card-actions "
            >
              <a
                title="Download file"
              >
                <i
                  aria-label="icon: download"
                  class="anticon anticon-download"
                  tabindex="-1"
                  title="Download file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="download"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                    />
                  </svg>
                </i>
              </a>
              <a
                title="Remove file"
              >
                <i
                  aria-label="icon: delete"
                  class="anticon anticon-delete"
                  tabindex="-1"
                  title="Remove file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    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>
                </i>
              </a>
            </span>
          </span>
        </span>
      </div>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload normal 1`] = `
<span
  class=""
>
  <div
    class="ant-upload ant-upload-select ant-upload-select-text"
  />
  <div
    class="ant-upload-list ant-upload-list-text"
  >
    <div
      class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
    >
      <div
        class="ant-upload-list-item-info"
      >
        <span>
          <i
            aria-label="icon: paper-clip"
            class="anticon anticon-paper-clip"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="paper-clip"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
              />
            </svg>
          </i>
          <span
            class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-2"
            title="xxx.png"
          >
            xxx.png
            <span
              class="ant-upload-list-item-card-actions "
            >
              <a
                title="Download file"
              >
                <i
                  aria-label="icon: download"
                  class="anticon anticon-download"
                  tabindex="-1"
                  title="Download file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="download"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                    />
                  </svg>
                </i>
              </a>
              <a
                title="Remove file"
              >
                <i
                  aria-label="icon: delete"
                  class="anticon anticon-delete"
                  tabindex="-1"
                  title="Remove file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    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>
                </i>
              </a>
            </span>
          </span>
        </span>
      </div>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload prefixCls 1`] = `
<span
  class=""
>
  <div
    class="prefix-Upload prefix-Upload-select prefix-Upload-select-text"
  />
  <div
    class="ant-upload-list ant-upload-list-text"
  >
    <div
      class="ant-upload-list-item ant-upload-list-item-done ant-upload-list-item-list-type-text"
    >
      <div
        class="ant-upload-list-item-info"
      >
        <span>
          <i
            aria-label="icon: paper-clip"
            class="anticon anticon-paper-clip"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="paper-clip"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l261-260.8c32.4-32.4 75.5-50.2 121.3-50.2s88.9 17.8 121.2 50.2c32.4 32.4 50.2 75.5 50.2 121.2 0 45.8-17.8 88.8-50.2 121.2l-266 265.9-43.1 43.1c-40.3 40.3-105.8 40.3-146.1 0-19.5-19.5-30.2-45.4-30.2-73s10.7-53.5 30.2-73l263.9-263.8c6.7-6.6 15.5-10.3 24.9-10.3h.1c9.4 0 18.1 3.7 24.7 10.3 6.7 6.7 10.3 15.5 10.3 24.9 0 9.3-3.7 18.1-10.3 24.7L372.4 653c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 0 0 12.7 0l215.6-215.6c19.9-19.9 30.8-46.3 30.8-74.4s-11-54.6-30.8-74.4c-41.1-41.1-107.9-41-149 0L463 364 224.8 602.1A172.22 172.22 0 0 0 174 724.8c0 46.3 18.1 89.8 50.8 122.5 33.9 33.8 78.3 50.7 122.7 50.7 44.4 0 88.8-16.9 122.6-50.7l309.2-309C824.8 492.7 850 432 850 367.5c.1-64.6-25.1-125.3-70.7-170.9z"
              />
            </svg>
          </i>
          <span
            class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-2"
            title="xxx.png"
          >
            xxx.png
            <span
              class="ant-upload-list-item-card-actions "
            >
              <a
                title="Download file"
              >
                <i
                  aria-label="icon: download"
                  class="anticon anticon-download"
                  tabindex="-1"
                  title="Download file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="download"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M505.7 661a8 8 0 0 0 12.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                    />
                  </svg>
                </i>
              </a>
              <a
                title="Remove file"
              >
                <i
                  aria-label="icon: delete"
                  class="anticon anticon-delete"
                  tabindex="-1"
                  title="Remove file"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    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>
                </i>
              </a>
            </span>
          </span>
        </span>
      </div>
    </div>
  </div>
</span>
`;