// 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"
  role="alert"
>
  <span
    class="config-alert-message"
  >
    Bamboo is Little Light
  </span>
  <span
    class="config-alert-description"
  />
</div>
`;

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

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

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

exports[`ConfigProvider components Alert normal 1`] = `
<div
  class="ant-alert ant-alert-success ant-alert-no-icon"
  data-show="true"
  role="alert"
>
  <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"
  role="alert"
>
  <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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 config-select-auto-complete config-select-single config-select-show-search"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete configProvider componentSize large 1`] = `
<div
  class="config-select config-select-lg config-select-auto-complete config-select-single config-select-show-search"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete configProvider componentSize middle 1`] = `
<div
  class="config-select config-select-auto-complete config-select-single config-select-show-search"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete normal 1`] = `
<div
  class="ant-select ant-select-auto-complete ant-select-single ant-select-show-search"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
</div>
`;

exports[`ConfigProvider components AutoComplete prefixCls 1`] = `
<div
  class="prefix-AutoComplete prefix-AutoComplete-auto-complete prefix-AutoComplete-single prefix-AutoComplete-show-search"
>
  <div
    class="prefix-AutoComplete-selector"
  >
    <span
      class="prefix-AutoComplete-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="prefix-AutoComplete-selection-search-input"
        role="combobox"
        type="search"
        value=""
      />
    </span>
    <span
      class="prefix-AutoComplete-selection-placeholder"
    />
  </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 configProvider componentSize large 1`] = `
<span
  class="config-avatar config-avatar-circle"
>
  <span
    class="config-avatar-string"
    style="opacity:0"
  />
</span>
`;

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

exports[`ConfigProvider components Avatar configProvider virtual and dropdownMatchSelectWidth 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
>
  <span
    class="ant-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>
    <div
      class="config-back-top-content"
    >
      <div
        class="config-back-top-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components BackTop configProvider componentSize large 1`] = `
<div
  class="config-back-top"
>
  <div>
    <div
      class="config-back-top-content"
    >
      <div
        class="config-back-top-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components BackTop configProvider componentSize middle 1`] = `
<div
  class="config-back-top"
>
  <div>
    <div
      class="config-back-top-content"
    >
      <div
        class="config-back-top-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components BackTop configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-back-top"
>
  <div>
    <div
      class="ant-back-top-content"
    >
      <div
        class="ant-back-top-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components BackTop normal 1`] = `
<div
  class="ant-back-top"
>
  <div>
    <div
      class="ant-back-top-content"
    >
      <div
        class="ant-back-top-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components BackTop prefixCls 1`] = `
<div
  class="prefix-BackTop"
>
  <div>
    <div
      class="prefix-BackTop-content"
    >
      <div
        class="prefix-BackTop-icon"
      >
        <span
          aria-label="vertical-align-top"
          class="anticon anticon-vertical-align-top"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="vertical-align-top"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M859.9 168H164.1c-4.5 0-8.1 3.6-8.1 8v60c0 4.4 3.6 8 8.1 8h695.8c4.5 0 8.1-3.6 8.1-8v-60c0-4.4-3.6-8-8.1-8zM518.3 355a8 8 0 00-12.6 0l-112 141.7a7.98 7.98 0 006.3 12.9h73.9V848c0 4.4 3.6 8 8 8h60c4.4 0 8-3.6 8-8V509.7H624c6.7 0 10.4-7.7 6.3-12.9L518.3 355z"
            />
          </svg>
        </span>
      </div>
    </div>
  </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="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          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 configProvider componentSize large 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="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          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 configProvider componentSize middle 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="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="config-scroll-number-only-unit"
        >
          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 configProvider virtual and dropdownMatchSelectWidth 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="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          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 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="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="ant-scroll-number-only-unit"
        >
          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="prefix-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="prefix-scroll-number-only-unit current"
        >
          5
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          9
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          0
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          1
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          2
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          3
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          4
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          5
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          6
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          7
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          8
        </p>
        <p
          class="prefix-scroll-number-only-unit"
        >
          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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 configProvider componentSize large 1`] = `
<div>
  <button
    class="config-btn config-btn-lg"
    type="button"
  >
    <span>
      Bamboo
    </span>
  </button>
  <div
    class="config-btn-group"
  >
    <button
      class="config-btn config-btn-lg"
      type="button"
    >
      <span>
        Little
      </span>
    </button>
    <button
      class="config-btn config-btn-lg"
      type="button"
    >
      <span>
        Light
      </span>
    </button>
  </div>
</div>
`;

exports[`ConfigProvider components Button configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-date-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-08-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-31"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-10-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-month-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <tbody>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar configProvider componentSize large 1`] = `
<div>
  <div
    class="config-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-select-lg config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-select config-select-lg config-picker-calendar-month-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-large config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-date-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-08-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-31"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-10-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-select-lg config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-large config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-month-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <tbody>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-select config-picker-calendar-month-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-middle config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-date-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-08-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-08-31"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell"
                  title="2000-10-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell"
                  title="2000-10-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-picker-calendar config-picker-calendar-full"
  >
    <div
      class="config-picker-calendar-header"
    >
      <div
        class="config-select config-picker-calendar-year-select config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-radio-group config-radio-group-outline config-radio-group-middle config-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="config-picker-month-panel"
      >
        <div
          class="config-picker-body"
        >
          <table
            class="config-picker-content"
          >
            <tbody>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view config-picker-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="config-picker-cell config-picker-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="config-picker-cell-inner config-picker-calendar-date"
                  >
                    <div
                      class="config-picker-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="config-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-picker-calendar ant-picker-calendar-full"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-date-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="ant-picker-cell"
                  title="2000-08-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-31"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell"
                  title="2000-10-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-picker-calendar ant-picker-calendar-full"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-month-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <tbody>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar normal 1`] = `
<div>
  <div
    class="ant-picker-calendar ant-picker-calendar-full"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-select ant-picker-calendar-month-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-date-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="ant-picker-cell"
                  title="2000-08-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-08-31"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell"
                  title="2000-10-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell"
                  title="2000-10-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-picker-calendar ant-picker-calendar-full"
  >
    <div
      class="ant-picker-calendar-header"
    >
      <div
        class="ant-select ant-picker-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline ant-picker-calendar-mode-switch"
      >
        <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-picker-panel"
      tabindex="0"
    >
      <div
        class="ant-picker-month-panel"
      >
        <div
          class="ant-picker-body"
        >
          <table
            class="ant-picker-content"
          >
            <tbody>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view ant-picker-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="ant-picker-cell ant-picker-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="ant-picker-cell-inner ant-picker-calendar-date"
                  >
                    <div
                      class="ant-picker-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="ant-picker-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Calendar prefixCls 1`] = `
<div>
  <div
    class="prefix-Calendar-calendar prefix-Calendar-calendar-full"
  >
    <div
      class="prefix-Calendar-calendar-header"
    >
      <div
        class="ant-select prefix-Calendar-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-select prefix-Calendar-calendar-month-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="Sep"
          >
            Sep
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline prefix-Calendar-calendar-mode-switch"
      >
        <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-panel"
      tabindex="0"
    >
      <div
        class="prefix-Calendar-date-panel"
      >
        <div
          class="prefix-Calendar-body"
        >
          <table
            class="prefix-Calendar-content"
          >
            <thead>
              <tr>
                <th>
                  Su
                </th>
                <th>
                  Mo
                </th>
                <th>
                  Tu
                </th>
                <th>
                  We
                </th>
                <th>
                  Th
                </th>
                <th>
                  Fr
                </th>
                <th>
                  Sa
                </th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-08-27"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-08-28"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-08-29"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-08-30"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-08-31"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      31
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-01"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-02"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view prefix-Calendar-cell-selected"
                  title="2000-09-03"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-04"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-05"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-06"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-07"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-08"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      08
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-09"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      09
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-10"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      10
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-11"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      11
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-12"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      12
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-13"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      13
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-14"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      14
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-15"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      15
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-16"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      16
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-17"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      17
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-18"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      18
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-19"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      19
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-20"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      20
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-21"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      21
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-22"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      22
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-23"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      23
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-24"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      24
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-25"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      25
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-26"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      26
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-27"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      27
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-28"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      28
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-29"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      29
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-09-30"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      30
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-01"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      01
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-02"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      02
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-03"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      03
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-04"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      04
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-05"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      05
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-06"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      06
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell"
                  title="2000-10-07"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      07
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
  <div
    class="prefix-Calendar-calendar prefix-Calendar-calendar-full"
  >
    <div
      class="prefix-Calendar-calendar-header"
    >
      <div
        class="ant-select prefix-Calendar-calendar-year-select ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="2000"
          >
            2000
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-radio-group ant-radio-group-outline prefix-Calendar-calendar-mode-switch"
      >
        <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-panel"
      tabindex="0"
    >
      <div
        class="prefix-Calendar-month-panel"
      >
        <div
          class="prefix-Calendar-body"
        >
          <table
            class="prefix-Calendar-content"
          >
            <tbody>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-01"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Jan
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-02"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Feb
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-03"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Mar
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-04"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Apr
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-05"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      May
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-06"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Jun
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-07"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Jul
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-08"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Aug
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view prefix-Calendar-cell-selected"
                  title="2000-09"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Sep
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
              <tr>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-10"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Oct
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-11"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Nov
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
                <td
                  class="prefix-Calendar-cell prefix-Calendar-cell-in-view"
                  title="2000-12"
                >
                  <div
                    class="prefix-Calendar-cell-inner prefix-Calendar-calendar-date"
                  >
                    <div
                      class="prefix-Calendar-calendar-date-value"
                    >
                      Dec
                    </div>
                    <div
                      class="prefix-Calendar-calendar-date-content"
                    />
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </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 configProvider componentSize large 1`] = `
<div
  class="config-card config-card-bordered config-card-contain-grid config-card-large"
>
  <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 configProvider componentSize middle 1`] = `
<div
  class="config-card config-card-bordered config-card-contain-grid config-card-middle"
>
  <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 configProvider virtual and dropdownMatchSelectWidth 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 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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down config-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

exports[`ConfigProvider components Cascader configProvider componentSize large 1`] = `
<span
  class="config-cascader-picker config-cascader-picker-large config-cascader-picker-show-search"
  tabindex="0"
>
  <span
    class="config-cascader-picker-label"
  />
  <input
    autocomplete="off"
    class="config-input config-input-lg config-cascader-input config-input-lg"
    placeholder="Please select"
    tabindex="-1"
    type="text"
    value=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down config-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

exports[`ConfigProvider components Cascader configProvider componentSize middle 1`] = `
<span
  class="config-cascader-picker config-cascader-picker-middle 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=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down config-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

exports[`ConfigProvider components Cascader configProvider virtual and dropdownMatchSelectWidth 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=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down ant-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

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=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down ant-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

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=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down prefix-Cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </span>
</span>
`;

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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right config-collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Collapse configProvider componentSize large 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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right config-collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Collapse configProvider componentSize middle 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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right config-collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Collapse configProvider virtual and dropdownMatchSelectWidth 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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right ant-collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right ant-collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right prefix-Collapse-arrow"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
      Bamboo
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment configProvider 1`] = `
<div
  class="config-comment"
>
  <div
    class="config-comment-inner"
  >
    <div
      class="config-comment-content"
    >
      <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-content"
        >
          <div
            class="config-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment configProvider componentSize large 1`] = `
<div
  class="config-comment"
>
  <div
    class="config-comment-inner"
  >
    <div
      class="config-comment-content"
    >
      <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-content"
        >
          <div
            class="config-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment configProvider componentSize middle 1`] = `
<div
  class="config-comment"
>
  <div
    class="config-comment-inner"
  >
    <div
      class="config-comment-content"
    >
      <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-content"
        >
          <div
            class="config-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Comment configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-comment"
>
  <div
    class="ant-comment-inner"
  >
    <div
      class="ant-comment-content"
    >
      <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-content"
        >
          <div
            class="ant-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-content"
    >
      <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-content"
        >
          <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-content"
    >
      <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-content"
        >
          <div
            class="prefix-Comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker configProvider 1`] = `
<div>
  <div
    class="config-picker"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker configProvider componentSize large 1`] = `
<div>
  <div
    class="config-picker config-picker-large"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-picker config-picker-middle"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker normal 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker DatePicker prefixCls 1`] = `
<div>
  <div
    class="prefix-DatePicker"
  >
    <div
      class="prefix-DatePicker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select date"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="prefix-DatePicker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker configProvider 1`] = `
<div>
  <div
    class="config-picker"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker configProvider componentSize large 1`] = `
<div>
  <div
    class="config-picker config-picker-large"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-picker config-picker-middle"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker normal 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker MonthPicker prefixCls 1`] = `
<div>
  <div
    class="prefix-MonthPicker"
  >
    <div
      class="prefix-MonthPicker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select month"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="prefix-MonthPicker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker configProvider 1`] = `
<div>
  <div
    class="config-picker config-picker-range"
  >
    <div
      class="config-picker-input config-picker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-range-separator"
    >
      <span
        aria-label="to"
        class="config-picker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="config-picker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker configProvider componentSize large 1`] = `
<div>
  <div
    class="config-picker config-picker-range config-picker-large"
  >
    <div
      class="config-picker-input config-picker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-range-separator"
    >
      <span
        aria-label="to"
        class="config-picker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="config-picker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-picker config-picker-range config-picker-middle"
  >
    <div
      class="config-picker-input config-picker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-range-separator"
    >
      <span
        aria-label="to"
        class="config-picker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="config-picker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="config-picker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-picker ant-picker-range"
  >
    <div
      class="ant-picker-input ant-picker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="ant-picker-range-separator"
    >
      <span
        aria-label="to"
        class="ant-picker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="ant-picker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="ant-picker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker normal 1`] = `
<div>
  <div
    class="ant-picker ant-picker-range"
  >
    <div
      class="ant-picker-input ant-picker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="ant-picker-range-separator"
    >
      <span
        aria-label="to"
        class="ant-picker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="ant-picker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="ant-picker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker RangePicker prefixCls 1`] = `
<div>
  <div
    class="prefix-RangePicker prefix-RangePicker-range"
  >
    <div
      class="prefix-RangePicker-input prefix-RangePicker-input-active"
    >
      <input
        autocomplete="off"
        placeholder="Start date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="prefix-RangePicker-range-separator"
    >
      <span
        aria-label="to"
        class="prefix-RangePicker-separator"
      >
        <span
          aria-label="swap-right"
          class="anticon anticon-swap-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="swap-right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="0 0 1024 1024"
            width="1em"
          >
            <path
              d="M873.1 596.2l-164-208A32 32 0 00684 376h-64.8c-6.7 0-10.4 7.7-6.3 13l144.3 183H152c-4.4 0-8 3.6-8 8v60c0 4.4 3.6 8 8 8h695.9c26.8 0 41.7-30.8 25.2-51.8z"
            />
          </svg>
        </span>
      </span>
    </div>
    <div
      class="prefix-RangePicker-input"
    >
      <input
        autocomplete="off"
        placeholder="End date"
        readonly=""
        size="12"
        value=""
      />
    </div>
    <div
      class="prefix-RangePicker-active-bar"
      style="left:0;width:0;position:absolute"
    />
    <span
      class="prefix-RangePicker-suffix"
    >
      <span
        aria-label="calendar"
        class="anticon anticon-calendar"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="calendar"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
          />
        </svg>
      </span>
    </span>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker configProvider 1`] = `
<div>
  <div
    class="config-picker"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker configProvider componentSize large 1`] = `
<div>
  <div
    class="config-picker config-picker-large"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-picker config-picker-middle"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker normal 1`] = `
<div>
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components DatePicker WeekPicker prefixCls 1`] = `
<div>
  <div
    class="prefix-WeekPicker"
  >
    <div
      class="prefix-WeekPicker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select week"
        readonly=""
        size="12"
        title=""
        value=""
      />
      <span
        class="prefix-WeekPicker-suffix"
      >
        <span
          aria-label="calendar"
          class="anticon anticon-calendar"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="calendar"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M880 184H712v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H384v-64c0-4.4-3.6-8-8-8h-56c-4.4 0-8 3.6-8 8v64H144c-17.7 0-32 14.3-32 32v664c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V216c0-17.7-14.3-32-32-32zm-40 656H184V460h656v380zM184 392V256h128v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h256v48c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-48h128v136H184z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>
</div>
`;

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

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

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

exports[`ConfigProvider components Divider configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-divider ant-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"
        >
          <div
            class="config-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="config-drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="config-drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Drawer configProvider componentSize large 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"
        >
          <div
            class="config-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="config-drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="config-drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Drawer configProvider componentSize middle 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"
        >
          <div
            class="config-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="config-drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="config-drawer-body"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Drawer configProvider virtual and dropdownMatchSelectWidth 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"
        >
          <div
            class="ant-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="ant-drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </button>
          </div>
          <div
            class="ant-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"
        >
          <div
            class="ant-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="ant-drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </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"
        >
          <div
            class="prefix-Drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="prefix-Drawer-close"
              style="--scroll-bar:0px"
              type="button"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </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-btn-default config-btn-icon-only config-dropdown-trigger"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
        />
      </svg>
    </span>
  </button>
</div>
`;

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

exports[`ConfigProvider components Dropdown configProvider componentSize middle 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-btn-default config-btn-icon-only config-dropdown-trigger"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
        />
      </svg>
    </span>
  </button>
</div>
`;

exports[`ConfigProvider components Dropdown configProvider virtual and dropdownMatchSelectWidth 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-btn-default ant-btn-icon-only ant-dropdown-trigger"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
        />
      </svg>
    </span>
  </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-btn-default ant-btn-icon-only ant-dropdown-trigger"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
        />
      </svg>
    </span>
  </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-btn-default ant-btn-icon-only ant-dropdown-trigger"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
        />
      </svg>
    </span>
  </button>
</div>
`;

exports[`ConfigProvider components Empty configProvider 1`] = `
<div
  class="config-empty"
>
  <div
    class="config-empty-image"
  >
    <svg
      class="config-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="config-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="config-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="config-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="config-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="config-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="config-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="config-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="config-empty-description"
  >
    No Data
  </p>
</div>
`;

exports[`ConfigProvider components Empty configProvider componentSize large 1`] = `
<div
  class="config-empty"
>
  <div
    class="config-empty-image"
  >
    <svg
      class="config-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="config-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="config-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="config-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="config-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="config-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="config-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="config-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="config-empty-description"
  >
    No Data
  </p>
</div>
`;

exports[`ConfigProvider components Empty configProvider componentSize middle 1`] = `
<div
  class="config-empty"
>
  <div
    class="config-empty-image"
  >
    <svg
      class="config-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="config-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="config-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="config-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="config-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="config-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="config-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="config-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="config-empty-description"
  >
    No Data
  </p>
</div>
`;

exports[`ConfigProvider components Empty configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-empty"
>
  <div
    class="ant-empty-image"
  >
    <svg
      class="ant-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="ant-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="ant-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="ant-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="ant-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="ant-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="ant-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="ant-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="ant-empty-description"
  >
    No Data
  </p>
</div>
`;

exports[`ConfigProvider components Empty normal 1`] = `
<div
  class="ant-empty"
>
  <div
    class="ant-empty-image"
  >
    <svg
      class="ant-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="ant-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="ant-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="ant-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="ant-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="ant-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="ant-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="ant-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="ant-empty-description"
  >
    No Data
  </p>
</div>
`;

exports[`ConfigProvider components Empty prefixCls 1`] = `
<div
  class="prefix-Empty"
>
  <div
    class="prefix-Empty-image"
  >
    <svg
      class="ant-empty-img-default"
      height="152"
      viewBox="0 0 184 152"
      width="184"
      xmlns="http://www.w3.org/2000/svg"
    >
      <g
        fill="none"
        fill-rule="evenodd"
      >
        <g
          transform="translate(24 31.67)"
        >
          <ellipse
            class="ant-empty-img-default-ellipse"
            cx="67.797"
            cy="106.89"
            rx="67.797"
            ry="12.668"
          />
          <path
            class="ant-empty-img-default-path-1"
            d="M122.034 69.674L98.109 40.229c-1.148-1.386-2.826-2.225-4.593-2.225h-51.44c-1.766 0-3.444.839-4.592 2.225L13.56 69.674v15.383h108.475V69.674z"
          />
          <path
            class="ant-empty-img-default-path-2"
            d="M101.537 86.214L80.63 61.102c-1.001-1.207-2.507-1.867-4.048-1.867H31.724c-1.54 0-3.047.66-4.048 1.867L6.769 86.214v13.792h94.768V86.214z"
            transform="translate(13.56)"
          />
          <path
            class="ant-empty-img-default-path-3"
            d="M33.83 0h67.933a4 4 0 0 1 4 4v93.344a4 4 0 0 1-4 4H33.83a4 4 0 0 1-4-4V4a4 4 0 0 1 4-4z"
          />
          <path
            class="ant-empty-img-default-path-4"
            d="M42.678 9.953h50.237a2 2 0 0 1 2 2V36.91a2 2 0 0 1-2 2H42.678a2 2 0 0 1-2-2V11.953a2 2 0 0 1 2-2zM42.94 49.767h49.713a2.262 2.262 0 1 1 0 4.524H42.94a2.262 2.262 0 0 1 0-4.524zM42.94 61.53h49.713a2.262 2.262 0 1 1 0 4.525H42.94a2.262 2.262 0 0 1 0-4.525zM121.813 105.032c-.775 3.071-3.497 5.36-6.735 5.36H20.515c-3.238 0-5.96-2.29-6.734-5.36a7.309 7.309 0 0 1-.222-1.79V69.675h26.318c2.907 0 5.25 2.448 5.25 5.42v.04c0 2.971 2.37 5.37 5.277 5.37h34.785c2.907 0 5.277-2.421 5.277-5.393V75.1c0-2.972 2.343-5.426 5.25-5.426h26.318v33.569c0 .617-.077 1.216-.221 1.789z"
          />
        </g>
        <path
          class="ant-empty-img-default-path-5"
          d="M149.121 33.292l-6.83 2.65a1 1 0 0 1-1.317-1.23l1.937-6.207c-2.589-2.944-4.109-6.534-4.109-10.408C138.802 8.102 148.92 0 161.402 0 173.881 0 184 8.102 184 18.097c0 9.995-10.118 18.097-22.599 18.097-4.528 0-8.744-1.066-12.28-2.902z"
        />
        <g
          class="ant-empty-img-default-g"
          transform="translate(149.65 15.383)"
        >
          <ellipse
            cx="20.654"
            cy="3.167"
            rx="2.849"
            ry="2.815"
          />
          <path
            d="M5.698 5.63H0L2.898.704zM9.259.704h4.985V5.63H9.259z"
          />
        </g>
      </g>
    </svg>
  </div>
  <p
    class="prefix-Empty-description"
  >
    No Data
  </p>
</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 config-form-item-has-error"
  >
    <div
      class="config-col config-form-item-control"
    >
      <div
        class="config-form-item-control-input"
      >
        <div
          class="config-form-item-control-input-content"
        >
          <input
            class="config-input"
            type="text"
            value=""
          />
        </div>
      </div>
      <div
        class="config-form-item-explain config-form-item-explain-error"
      >
        <div
          role="alert"
        >
          Bamboo is Light
        </div>
      </div>
    </div>
  </div>
</form>
`;

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

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

exports[`ConfigProvider components Form configProvider virtual and dropdownMatchSelectWidth 1`] = `
<form
  class="ant-form ant-form-horizontal"
>
  <div
    class="ant-row ant-form-item ant-form-item-with-help ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            type="text"
            value=""
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-error"
      >
        <div
          role="alert"
        >
          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 ant-form-item-has-error"
  >
    <div
      class="ant-col ant-form-item-control"
    >
      <div
        class="ant-form-item-control-input"
      >
        <div
          class="ant-form-item-control-input-content"
        >
          <input
            class="ant-input"
            type="text"
            value=""
          />
        </div>
      </div>
      <div
        class="ant-form-item-explain ant-form-item-explain-error"
      >
        <div
          role="alert"
        >
          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 prefix-Form-item-has-error"
  >
    <div
      class="ant-col prefix-Form-item-control"
    >
      <div
        class="prefix-Form-item-control-input"
      >
        <div
          class="prefix-Form-item-control-input-content"
        >
          <input
            class="prefix-Form"
            type="text"
            value=""
          />
        </div>
      </div>
      <div
        class="prefix-Form-item-explain prefix-Form-item-explain-error"
      >
        <div
          role="alert"
        >
          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 configProvider componentSize large 1`] = `
<div
  class="config-row"
>
  <div
    class="config-col config-col-1"
  />
</div>
`;

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

exports[`ConfigProvider components Grid configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-row"
>
  <div
    class="ant-col ant-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-group-wrapper config-input-search"
    >
      <span
        class="config-input-wrapper config-input-group"
      >
        <input
          class="config-input"
          type="text"
          value=""
        />
        <span
          class="config-input-group-addon"
        >
          <button
            class="config-btn config-btn-icon-only config-input-search-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="config-input-affix-wrapper config-input-password"
  >
    <input
      action="click"
      class="config-input"
      type="password"
      value=""
    />
    <span
      class="config-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible config-input-password-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </span>
    </span>
  </span>
  <textarea
    class="config-input"
  />
</div>
`;

exports[`ConfigProvider components Input configProvider componentSize large 1`] = `
<div>
  <span
    class="config-input-group"
  >
    <input
      class="config-input config-input-lg"
      type="text"
      value=""
    />
    <span
      class="config-input-group-wrapper config-input-group-wrapper-lg config-input-search config-input-search-large"
    >
      <span
        class="config-input-wrapper config-input-group"
      >
        <input
          class="config-input config-input-lg"
          type="text"
          value=""
        />
        <span
          class="config-input-group-addon"
        >
          <button
            class="config-btn config-btn-lg config-btn-icon-only config-input-search-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="config-input-affix-wrapper config-input-affix-wrapper-lg config-input-password"
  >
    <input
      action="click"
      class="config-input config-input-lg"
      type="password"
      value=""
    />
    <span
      class="config-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible config-input-password-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </span>
    </span>
  </span>
  <textarea
    class="config-input config-input-lg"
  />
</div>
`;

exports[`ConfigProvider components Input configProvider componentSize middle 1`] = `
<div>
  <span
    class="config-input-group"
  >
    <input
      class="config-input"
      type="text"
      value=""
    />
    <span
      class="config-input-group-wrapper config-input-search config-input-search-middle"
    >
      <span
        class="config-input-wrapper config-input-group"
      >
        <input
          class="config-input"
          type="text"
          value=""
        />
        <span
          class="config-input-group-addon"
        >
          <button
            class="config-btn config-btn-icon-only config-input-search-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="config-input-affix-wrapper config-input-password"
  >
    <input
      action="click"
      class="config-input"
      type="password"
      value=""
    />
    <span
      class="config-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible config-input-password-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </span>
    </span>
  </span>
  <textarea
    class="config-input"
  />
</div>
`;

exports[`ConfigProvider components Input configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <span
    class="ant-input-group"
  >
    <input
      class="ant-input"
      type="text"
      value=""
    />
    <span
      class="ant-input-group-wrapper ant-input-search"
    >
      <span
        class="ant-input-wrapper ant-input-group"
      >
        <input
          class="ant-input"
          type="text"
          value=""
        />
        <span
          class="ant-input-group-addon"
        >
          <button
            class="ant-btn ant-btn-icon-only ant-input-search-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="ant-input-affix-wrapper ant-input-password"
  >
    <input
      action="click"
      class="ant-input"
      type="password"
      value=""
    />
    <span
      class="ant-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible ant-input-password-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </span>
    </span>
  </span>
  <textarea
    class="ant-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-group-wrapper ant-input-search"
    >
      <span
        class="ant-input-wrapper ant-input-group"
      >
        <input
          class="ant-input"
          type="text"
          value=""
        />
        <span
          class="ant-input-group-addon"
        >
          <button
            class="ant-btn ant-btn-icon-only ant-input-search-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="ant-input-affix-wrapper ant-input-password"
  >
    <input
      action="click"
      class="ant-input"
      type="password"
      value=""
    />
    <span
      class="ant-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible ant-input-password-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </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="ant-input-group-wrapper prefix-Input"
    >
      <span
        class="ant-input-wrapper ant-input-group"
      >
        <input
          class="ant-input"
          type="text"
          value=""
        />
        <span
          class="ant-input-group-addon"
        >
          <button
            class="ant-btn ant-btn-icon-only prefix-Input-button"
            type="button"
          >
            <span
              aria-label="search"
              class="anticon anticon-search"
              role="img"
            >
              <svg
                aria-hidden="true"
                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 0011.6 0l43.6-43.5a8.2 8.2 0 000-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>
            </span>
          </button>
        </span>
      </span>
    </span>
  </span>
  <span
    class="ant-input-affix-wrapper prefix-Input"
  >
    <input
      action="click"
      class="ant-input"
      type="password"
      value=""
    />
    <span
      class="ant-input-suffix"
    >
      <span
        aria-label="eye-invisible"
        class="anticon anticon-eye-invisible prefix-Input-icon"
        role="img"
        tabindex="-1"
      >
        <svg
          aria-hidden="true"
          data-icon="eye-invisible"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M942.2 486.2Q889.47 375.11 816.7 305l-50.88 50.88C807.31 395.53 843.45 447.4 874.7 512 791.5 684.2 673.4 766 512 766q-72.67 0-133.87-22.38L323 798.75Q408 838 512 838q288.3 0 430.2-300.3a60.29 60.29 0 000-51.5zm-63.57-320.64L836 122.88a8 8 0 00-11.32 0L715.31 232.2Q624.86 186 512 186q-288.3 0-430.2 300.3a60.3 60.3 0 000 51.5q56.69 119.4 136.5 191.41L112.48 835a8 8 0 000 11.31L155.17 889a8 8 0 0011.31 0l712.15-712.12a8 8 0 000-11.32zM149.3 512C232.6 339.8 350.7 258 512 258c54.54 0 104.13 9.36 149.12 28.39l-70.3 70.3a176 176 0 00-238.13 238.13l-83.42 83.42C223.1 637.49 183.3 582.28 149.3 512zm246.7 0a112.11 112.11 0 01146.2-106.69L401.31 546.2A112 112 0 01396 512z"
          />
          <path
            d="M508 624c-3.46 0-6.87-.16-10.25-.47l-52.82 52.82a176.09 176.09 0 00227.42-227.42l-52.82 52.82c.31 3.38.47 6.79.47 10.25a111.94 111.94 0 01-112 112z"
          />
        </svg>
      </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-label="Increase Value"
      class="config-input-number-handler config-input-number-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up config-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="config-input-number-handler config-input-number-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down config-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="config-input-number-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="config-input-number-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber configProvider componentSize large 1`] = `
<div
  class="config-input-number config-input-number-lg"
>
  <div
    class="config-input-number-handler-wrap"
  >
    <span
      aria-label="Increase Value"
      class="config-input-number-handler config-input-number-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up config-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="config-input-number-handler config-input-number-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down config-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="config-input-number-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="config-input-number-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber configProvider componentSize middle 1`] = `
<div
  class="config-input-number"
>
  <div
    class="config-input-number-handler-wrap"
  >
    <span
      aria-label="Increase Value"
      class="config-input-number-handler config-input-number-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up config-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="config-input-number-handler config-input-number-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down config-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="config-input-number-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="config-input-number-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-input-number"
>
  <div
    class="ant-input-number-handler-wrap"
  >
    <span
      aria-label="Increase Value"
      class="ant-input-number-handler ant-input-number-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up ant-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="ant-input-number-handler ant-input-number-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down ant-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="ant-input-number-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="ant-input-number-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      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-label="Increase Value"
      class="ant-input-number-handler ant-input-number-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up ant-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="ant-input-number-handler ant-input-number-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down ant-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="ant-input-number-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="ant-input-number-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      step="1"
      value=""
    />
  </div>
</div>
`;

exports[`ConfigProvider components InputNumber prefixCls 1`] = `
<div
  class="prefix-InputNumber"
>
  <div
    class="prefix-InputNumber-handler-wrap"
  >
    <span
      aria-label="Increase Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-up"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="up"
        class="anticon anticon-up prefix-InputNumber-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          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 00140 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>
      </span>
    </span>
    <span
      aria-label="Decrease Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-down"
      role="button"
      unselectable="on"
    >
      <span
        aria-label="down"
        class="anticon anticon-down prefix-InputNumber-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="prefix-InputNumber-input-wrap"
  >
    <input
      aria-valuemax="9007199254740991"
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="prefix-InputNumber-input"
      max="9007199254740991"
      min="-9007199254740991"
      role="spinbutton"
      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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 Menu configProvider 1`] = `
<ul
  class="config-menu config-menu-light config-menu-root config-menu-inline"
  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"
      role="button"
      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 config-menu-item-only-child"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Menu configProvider componentSize large 1`] = `
<ul
  class="config-menu config-menu-light config-menu-root config-menu-inline"
  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"
      role="button"
      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 config-menu-item-only-child"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Menu configProvider componentSize middle 1`] = `
<ul
  class="config-menu config-menu-light config-menu-root config-menu-inline"
  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"
      role="button"
      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 config-menu-item-only-child"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Menu configProvider virtual and dropdownMatchSelectWidth 1`] = `
<ul
  class="ant-menu ant-menu-light ant-menu-root ant-menu-inline"
  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"
      role="button"
      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 ant-menu-item-only-child"
            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"
  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"
      role="button"
      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 ant-menu-item-only-child"
            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"
  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"
      role="button"
      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 prefix-Menu-item-only-child"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

exports[`ConfigProvider components Modal configProvider 1`] = `
<div>
  <div
    class="config-modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="config-modal-content"
        >
          <button
            aria-label="Close"
            class="config-modal-close"
            type="button"
          >
            <span
              class="config-modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close config-modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="config-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="config-modal-footer"
          >
            <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
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal configProvider componentSize large 1`] = `
<div>
  <div
    class="config-modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="config-modal-content"
        >
          <button
            aria-label="Close"
            class="config-modal-close"
            type="button"
          >
            <span
              class="config-modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close config-modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="config-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="config-modal-footer"
          >
            <button
              class="config-btn config-btn-lg"
              type="button"
            >
              <span>
                Cancel
              </span>
            </button>
            <button
              class="config-btn config-btn-primary config-btn-lg"
              type="button"
            >
              <span>
                OK
              </span>
            </button>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="config-modal-content"
        >
          <button
            aria-label="Close"
            class="config-modal-close"
            type="button"
          >
            <span
              class="config-modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close config-modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="config-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="config-modal-footer"
          >
            <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
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="ant-modal-content"
        >
          <button
            aria-label="Close"
            class="ant-modal-close"
            type="button"
          >
            <span
              class="ant-modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close ant-modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="ant-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="ant-modal-footer"
          >
            <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
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal normal 1`] = `
<div>
  <div
    class="ant-modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="ant-modal-content"
        >
          <button
            aria-label="Close"
            class="ant-modal-close"
            type="button"
          >
            <span
              class="ant-modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close ant-modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="ant-modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="ant-modal-footer"
          >
            <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
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal prefixCls 1`] = `
<div>
  <div
    class="prefix-Modal-root"
  >
    <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;outline:none"
          tabindex="0"
        />
        <div
          class="prefix-Modal-content"
        >
          <button
            aria-label="Close"
            class="prefix-Modal-close"
            type="button"
          >
            <span
              class="prefix-Modal-close-x"
            >
              <span
                aria-label="close"
                class="anticon anticon-close prefix-Modal-close-icon"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 00203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
                  />
                </svg>
              </span>
            </span>
          </button>
          <div
            class="prefix-Modal-body"
          >
            Bamboo is Little Light
          </div>
          <div
            class="prefix-Modal-footer"
          >
            <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
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden;outline:none"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

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

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

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

exports[`ConfigProvider components PageHeader configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-page-header ant-page-header-ghost"
  >
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <span
          class="ant-page-header-heading-title"
          title="pageHeader"
        >
          pageHeader
        </span>
      </div>
    </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"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <span
          class="ant-page-header-heading-title"
          title="pageHeader"
        >
          pageHeader
        </span>
      </div>
    </div>
  </div>
</div>
`;

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

exports[`ConfigProvider components Pagination configProvider 1`] = `
<div>
  <ul
    class="config-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="config-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Pagination configProvider componentSize large 1`] = `
<div>
  <ul
    class="config-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-select-lg config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="config-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Pagination configProvider componentSize middle 1`] = `
<div>
  <ul
    class="config-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="config-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-prev config-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-next config-pagination-disabled"
      title="Next Page"
    >
      <button
        class="config-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-select-sm config-pagination-options-size-changer config-select-single config-select-show-arrow"
      >
        <div
          class="config-select-selector"
        >
          <span
            class="config-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="config-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="config-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down config-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
</div>
`;

exports[`ConfigProvider components Pagination configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <ul
    class="ant-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="ant-pagination-prev ant-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-next ant-pagination-disabled"
      title="Next Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="ant-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="ant-pagination-prev ant-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-next ant-pagination-disabled"
      title="Next Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Go to
        <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-prev ant-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-next ant-pagination-disabled"
      title="Next Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="ant-pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="ant-pagination-prev ant-pagination-disabled"
      title="Previous Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-next ant-pagination-disabled"
      title="Next Page"
    >
      <button
        class="ant-pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select ant-select-sm ant-pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="ant-pagination-options-quick-jumper"
      >
        Go to
        <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-prev prefix-Pagination-disabled"
      title="Previous Page"
    >
      <button
        class="prefix-Pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-next prefix-Pagination-disabled"
      title="Next Page"
    >
      <button
        class="prefix-Pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="prefix-Pagination-options"
    >
      <div
        class="ant-select prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="prefix-Pagination-options-quick-jumper"
      >
        Go to
        <input
          type="text"
          value=""
        />
      </div>
    </li>
  </ul>
  <ul
    class="prefix-Pagination mini"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="prefix-Pagination-prev prefix-Pagination-disabled"
      title="Previous Page"
    >
      <button
        class="prefix-Pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a
        rel="nofollow"
      >
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-next prefix-Pagination-disabled"
      title="Next Page"
    >
      <button
        class="prefix-Pagination-item-link"
        disabled=""
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
            />
          </svg>
        </span>
      </button>
    </li>
    <li
      class="prefix-Pagination-options"
    >
      <div
        class="ant-select ant-select-sm prefix-Pagination-options-size-changer ant-select-single ant-select-show-arrow"
      >
        <div
          class="ant-select-selector"
        >
          <span
            class="ant-select-selection-search"
          >
            <input
              aria-activedescendant="undefined_list_0"
              aria-autocomplete="list"
              aria-controls="undefined_list"
              aria-haspopup="listbox"
              aria-owns="undefined_list"
              autocomplete="off"
              class="ant-select-selection-search-input"
              readonly=""
              role="combobox"
              style="opacity:0"
              type="search"
              unselectable="on"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
            title="10 / page"
          >
            10 / page
          </span>
        </div>
        <span
          aria-hidden="true"
          class="ant-select-arrow"
          style="user-select:none;-webkit-user-select:none"
          unselectable="on"
        >
          <span
            aria-label="down"
            class="anticon anticon-down ant-select-suffix"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="prefix-Pagination-options-quick-jumper"
      >
        Go to
        <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-popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          >
            <div
              class="config-popover-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popconfirm configProvider componentSize large 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="config-popover config-popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          >
            <div
              class="config-popover-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popconfirm configProvider componentSize middle 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="config-popover config-popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          >
            <div
              class="config-popover-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popconfirm configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="ant-popover ant-popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        >
          <span
            class="ant-popover-arrow-content"
          />
        </div>
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div
            class="ant-popover-inner-content"
          >
            <div
              class="ant-popover-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popconfirm normal 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="ant-popover ant-popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        >
          <span
            class="ant-popover-arrow-content"
          />
        </div>
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div
            class="ant-popover-inner-content"
          >
            <div
              class="ant-popover-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
<div>
  <span
    class="prefix-Popconfirm-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="prefix-Popconfirm prefix-Popconfirm"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="prefix-Popconfirm-content"
      >
        <div
          class="prefix-Popconfirm-arrow"
        >
          <span
            class="prefix-Popconfirm-arrow-content"
          />
        </div>
        <div
          class="prefix-Popconfirm-inner"
          role="tooltip"
        >
          <div
            class="prefix-Popconfirm-inner-content"
          >
            <div
              class="prefix-Popconfirm-message"
            >
              <span
                aria-label="exclamation-circle"
                class="anticon anticon-exclamation-circle"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  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 010-96 48.01 48.01 0 010 96z"
                  />
                </svg>
              </span>
              <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>
`;

exports[`ConfigProvider components Popover configProvider 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="config-popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover configProvider componentSize large 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="config-popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover configProvider componentSize middle 1`] = `
<div>
  <span
    class="config-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="config-popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        >
          <span
            class="config-popover-arrow-content"
          />
        </div>
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div
            class="config-popover-inner-content"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="ant-popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        >
          <span
            class="ant-popover-arrow-content"
          />
        </div>
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div
            class="ant-popover-inner-content"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover normal 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="ant-popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        >
          <span
            class="ant-popover-arrow-content"
          />
        </div>
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div
            class="ant-popover-inner-content"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Popover prefixCls 1`] = `
<div>
  <span
    class="prefix-Popover-open"
  >
    Light
  </span>
  <div>
    <div
      class="prefix-Popover"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="prefix-Popover-content"
      >
        <div
          class="prefix-Popover-arrow"
        >
          <span
            class="prefix-Popover-arrow-content"
          />
        </div>
        <div
          class="prefix-Popover-inner"
          role="tooltip"
        >
          <div
            class="prefix-Popover-inner-content"
          />
        </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
    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>
`;

exports[`ConfigProvider components Progress configProvider componentSize large 1`] = `
<div
  class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
  <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>
`;

exports[`ConfigProvider components Progress configProvider componentSize middle 1`] = `
<div
  class="config-progress config-progress-line config-progress-status-normal config-progress-show-info config-progress-default"
>
  <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>
`;

exports[`ConfigProvider components Progress configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-progress ant-progress-line ant-progress-status-normal ant-progress-show-info ant-progress-default"
>
  <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>
`;

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
    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>
`;

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
    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>
`;

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 configProvider componentSize large 1`] = `
<div>
  <div
    class="config-radio-group config-radio-group-outline config-radio-group-large"
  >
    <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 config-radio-group-large"
  >
    <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 configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-radio-group config-radio-group-outline config-radio-group-middle"
  >
    <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 config-radio-group-middle"
  >
    <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 configProvider virtual and dropdownMatchSelectWidth 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 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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Rate configProvider componentSize large 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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Rate configProvider componentSize middle 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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="config-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Rate configProvider virtual and dropdownMatchSelectWidth 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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="ant-rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </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"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
      <div
        class="prefix-Rate-star-second"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            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 00.6 45.3l183.7 179.1-43.4 252.9a31.95 31.95 0 0046.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>
        </span>
      </div>
    </div>
  </li>
</ul>
`;

exports[`ConfigProvider components Select configProvider 1`] = `
<div
  class="config-select config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="config-select-item config-select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
                  title="Light"
                >
                  <div
                    class="config-select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="config-select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Select configProvider componentSize large 1`] = `
<div
  class="config-select config-select-lg config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="config-select-item config-select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
                  title="Light"
                >
                  <div
                    class="config-select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="config-select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Select configProvider componentSize middle 1`] = `
<div
  class="config-select config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="config-select-item config-select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="config-select-item config-select-item-option config-select-item-option-grouped config-select-item-option-active"
                  title="Light"
                >
                  <div
                    class="config-select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="config-select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Select configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-select ant-select-single ant-select-show-arrow ant-select-open"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="ant-select-item ant-select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
                  title="Light"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Select normal 1`] = `
<div
  class="ant-select ant-select-single ant-select-show-arrow ant-select-open"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="ant-select-item ant-select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="ant-select-item ant-select-item-option ant-select-item-option-grouped ant-select-item-option-active"
                  title="Light"
                >
                  <div
                    class="ant-select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="ant-select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Select prefixCls 1`] = `
<div
  class="prefix-Select prefix-Select-single prefix-Select-show-arrow prefix-Select-open"
>
  <div
    class="prefix-Select-selector"
  >
    <span
      class="prefix-Select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="prefix-Select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="prefix-Select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="prefix-Select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;width:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-label="Light"
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class="rc-virtual-list"
          style="position:relative"
        >
          <div
            class="rc-virtual-list-holder"
            style="max-height:256px;overflow-y:auto;overflow-anchor:none"
          >
            <div>
              <div
                class="rc-virtual-list-holder-inner"
                style="display:flex;flex-direction:column"
              >
                <div
                  class="prefix-Select-item prefix-Select-item-group"
                >
                  grp
                </div>
                <div
                  aria-selected="false"
                  class="prefix-Select-item prefix-Select-item-option prefix-Select-item-option-grouped prefix-Select-item-option-active"
                  title="Light"
                >
                  <div
                    class="prefix-Select-item-option-content"
                  >
                    Light
                  </div>
                  <span
                    aria-hidden="true"
                    class="prefix-Select-item-option-state"
                    style="user-select:none;-webkit-user-select:none"
                    unselectable="on"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="prefix-Select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down prefix-Select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="config-tooltip config-slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider configProvider componentSize large 1`] = `
<div
  class="config-slider"
>
  <div
    class="config-slider-rail"
  />
  <div
    class="config-slider-track"
    style="left:0%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="config-tooltip config-slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider configProvider componentSize middle 1`] = `
<div
  class="config-slider"
>
  <div
    class="config-slider-rail"
  />
  <div
    class="config-slider-track"
    style="left:0%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="config-tooltip config-slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-slider"
>
  <div
    class="ant-slider-rail"
  />
  <div
    class="ant-slider-track"
    style="left:0%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="ant-tooltip ant-slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        >
          <span
            class="ant-tooltip-arrow-content"
          />
        </div>
        <div
          class="ant-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-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%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="ant-tooltip ant-slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        >
          <span
            class="ant-tooltip-arrow-content"
          />
        </div>
        <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%;right:auto;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%;right:auto;transform:translateX(-50%)"
    tabindex="0"
  />
  <div>
    <div
      class="prefix-Slider-tooltip prefix-Slider-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="prefix-Slider-tooltip-content"
      >
        <div
          class="prefix-Slider-tooltip-arrow"
        >
          <span
            class="prefix-Slider-tooltip-arrow-content"
          />
        </div>
        <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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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"
>
  <div
    class="config-switch-handle"
  />
  <span
    class="config-switch-inner"
  />
</button>
`;

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

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

exports[`ConfigProvider components Switch configProvider virtual and dropdownMatchSelectWidth 1`] = `
<button
  aria-checked="false"
  class="ant-switch"
  role="switch"
  type="button"
>
  <div
    class="ant-switch-handle"
  />
  <span
    class="ant-switch-inner"
  />
</button>
`;

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

exports[`ConfigProvider components Switch prefixCls 1`] = `
<button
  aria-checked="false"
  class="prefix-Switch"
  role="switch"
  type="button"
>
  <div
    class="prefix-Switch-handle"
  />
  <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-empty"
      >
        <div
          class="config-table-container"
        >
          <div
            class="config-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="config-table-thead"
              >
                <tr>
                  <th
                    class="config-table-cell config-table-column-has-sorters"
                  >
                    <div
                      class="config-table-filter-column"
                    >
                      <span
                        class="config-table-filter-column-title"
                      >
                        <div
                          class="config-table-column-sorters-with-tooltip"
                        >
                          <div
                            class="config-table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="config-table-column-sorter config-table-column-sorter-full"
                            >
                              <span
                                class="config-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up config-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down config-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="config-table-filter-trigger-container config-table-filter-trigger-container-open"
                      >
                        <span
                          class="config-dropdown-trigger config-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="config-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="config-table-filter-dropdown"
                            >
                              <ul
                                class="config-dropdown-menu config-dropdown-menu-light config-dropdown-menu-root config-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="config-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="config-table-filter-dropdown-btns"
                              >
                                <button
                                  class="config-btn config-btn-link config-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="config-btn config-btn-primary config-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="config-table-tbody"
              >
                <tr
                  class="config-table-placeholder"
                >
                  <td
                    class="config-table-cell"
                  >
                    <div
                      class="config-empty config-empty-normal"
                    >
                      <div
                        class="config-empty-image"
                      >
                        <svg
                          class="config-empty-img-simple"
                          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
                              class="config-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="config-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="config-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="config-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Table configProvider componentSize large 1`] = `
<div
  class="config-table-wrapper"
>
  <div
    class="config-spin-nested-loading"
  >
    <div
      class="config-spin-container"
    >
      <div
        class="config-table config-table-empty"
      >
        <div
          class="config-table-container"
        >
          <div
            class="config-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="config-table-thead"
              >
                <tr>
                  <th
                    class="config-table-cell config-table-column-has-sorters"
                  >
                    <div
                      class="config-table-filter-column"
                    >
                      <span
                        class="config-table-filter-column-title"
                      >
                        <div
                          class="config-table-column-sorters-with-tooltip"
                        >
                          <div
                            class="config-table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="config-table-column-sorter config-table-column-sorter-full"
                            >
                              <span
                                class="config-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up config-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down config-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="config-table-filter-trigger-container config-table-filter-trigger-container-open"
                      >
                        <span
                          class="config-dropdown-trigger config-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="config-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="config-table-filter-dropdown"
                            >
                              <ul
                                class="config-dropdown-menu config-dropdown-menu-light config-dropdown-menu-root config-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="config-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="config-table-filter-dropdown-btns"
                              >
                                <button
                                  class="config-btn config-btn-link config-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="config-btn config-btn-primary config-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="config-table-tbody"
              >
                <tr
                  class="config-table-placeholder"
                >
                  <td
                    class="config-table-cell"
                  >
                    <div
                      class="config-empty config-empty-normal"
                    >
                      <div
                        class="config-empty-image"
                      >
                        <svg
                          class="config-empty-img-simple"
                          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
                              class="config-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="config-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="config-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="config-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Table configProvider componentSize middle 1`] = `
<div
  class="config-table-wrapper"
>
  <div
    class="config-spin-nested-loading"
  >
    <div
      class="config-spin-container"
    >
      <div
        class="config-table config-table-middle config-table-empty"
      >
        <div
          class="config-table-container"
        >
          <div
            class="config-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="config-table-thead"
              >
                <tr>
                  <th
                    class="config-table-cell config-table-column-has-sorters"
                  >
                    <div
                      class="config-table-filter-column"
                    >
                      <span
                        class="config-table-filter-column-title"
                      >
                        <div
                          class="config-table-column-sorters-with-tooltip"
                        >
                          <div
                            class="config-table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="config-table-column-sorter config-table-column-sorter-full"
                            >
                              <span
                                class="config-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up config-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down config-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="config-table-filter-trigger-container config-table-filter-trigger-container-open"
                      >
                        <span
                          class="config-dropdown-trigger config-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="config-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="config-table-filter-dropdown"
                            >
                              <ul
                                class="config-dropdown-menu config-dropdown-menu-light config-dropdown-menu-root config-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="config-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="config-table-filter-dropdown-btns"
                              >
                                <button
                                  class="config-btn config-btn-link config-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="config-btn config-btn-primary config-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="config-table-tbody"
              >
                <tr
                  class="config-table-placeholder"
                >
                  <td
                    class="config-table-cell"
                  >
                    <div
                      class="config-empty config-empty-normal"
                    >
                      <div
                        class="config-empty-image"
                      >
                        <svg
                          class="config-empty-img-simple"
                          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
                              class="config-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="config-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="config-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="config-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Table configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-table-wrapper"
>
  <div
    class="ant-spin-nested-loading"
  >
    <div
      class="ant-spin-container"
    >
      <div
        class="ant-table ant-table-empty"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        <div
                          class="ant-table-column-sorters-with-tooltip"
                        >
                          <div
                            class="ant-table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="ant-table-column-sorter ant-table-column-sorter-full"
                            >
                              <span
                                class="ant-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up ant-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down ant-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="ant-table-filter-trigger-container ant-table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-dropdown-trigger ant-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="ant-table-filter-dropdown"
                            >
                              <ul
                                class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="ant-table-filter-dropdown-btns"
                              >
                                <button
                                  class="ant-btn ant-btn-link ant-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="ant-btn ant-btn-primary ant-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-placeholder"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-empty ant-empty-normal"
                    >
                      <div
                        class="ant-empty-image"
                      >
                        <svg
                          class="ant-empty-img-simple"
                          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
                              class="ant-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="ant-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="ant-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="ant-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </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-empty"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="ant-table-thead"
              >
                <tr>
                  <th
                    class="ant-table-cell ant-table-column-has-sorters"
                  >
                    <div
                      class="ant-table-filter-column"
                    >
                      <span
                        class="ant-table-filter-column-title"
                      >
                        <div
                          class="ant-table-column-sorters-with-tooltip"
                        >
                          <div
                            class="ant-table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="ant-table-column-sorter ant-table-column-sorter-full"
                            >
                              <span
                                class="ant-table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up ant-table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down ant-table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="ant-table-filter-trigger-container ant-table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-dropdown-trigger ant-table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="ant-table-filter-dropdown"
                            >
                              <ul
                                class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="ant-table-filter-dropdown-btns"
                              >
                                <button
                                  class="ant-btn ant-btn-link ant-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="ant-btn ant-btn-primary ant-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="ant-table-tbody"
              >
                <tr
                  class="ant-table-placeholder"
                >
                  <td
                    class="ant-table-cell"
                  >
                    <div
                      class="ant-empty ant-empty-normal"
                    >
                      <div
                        class="ant-empty-image"
                      >
                        <svg
                          class="ant-empty-img-simple"
                          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
                              class="ant-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="ant-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="ant-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="ant-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </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-empty"
      >
        <div
          class="prefix-Table-container"
        >
          <div
            class="prefix-Table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup />
              <thead
                class="prefix-Table-thead"
              >
                <tr>
                  <th
                    class="prefix-Table-cell prefix-Table-column-has-sorters"
                  >
                    <div
                      class="prefix-Table-filter-column"
                    >
                      <span
                        class="prefix-Table-filter-column-title"
                      >
                        <div
                          class="prefix-Table-column-sorters-with-tooltip"
                        >
                          <div
                            class="prefix-Table-column-sorters"
                          >
                            <span>
                              Name
                            </span>
                            <span
                              class="prefix-Table-column-sorter prefix-Table-column-sorter-full"
                            >
                              <span
                                class="prefix-Table-column-sorter-inner"
                              >
                                <span
                                  aria-label="caret-up"
                                  class="anticon anticon-caret-up prefix-Table-column-sorter-up"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                                <span
                                  aria-label="caret-down"
                                  class="anticon anticon-caret-down prefix-Table-column-sorter-down"
                                  role="img"
                                >
                                  <svg
                                    aria-hidden="true"
                                    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>
                                </span>
                              </span>
                            </span>
                          </div>
                        </div>
                      </span>
                      <span
                        class="prefix-Table-filter-trigger-container prefix-Table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-dropdown-trigger prefix-Table-filter-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              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>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity:0;pointer-events:none"
                          >
                            <div
                              class="prefix-Table-filter-dropdown"
                            >
                              <ul
                                class="ant-dropdown-menu ant-dropdown-menu-light ant-dropdown-menu-root ant-dropdown-menu-vertical"
                                role="menu"
                              >
                                <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"
                                    role="button"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="prefix-Table-filter-dropdown-btns"
                              >
                                <button
                                  class="ant-btn ant-btn-link ant-btn-sm"
                                  disabled=""
                                  type="button"
                                >
                                  <span>
                                    Reset
                                  </span>
                                </button>
                                <button
                                  class="ant-btn ant-btn-primary ant-btn-sm"
                                  type="button"
                                >
                                  <span>
                                    OK
                                  </span>
                                </button>
                              </div>
                            </div>
                          </div>
                        </div>
                      </span>
                    </div>
                  </th>
                </tr>
              </thead>
              <tbody
                class="prefix-Table-tbody"
              >
                <tr
                  class="prefix-Table-placeholder"
                >
                  <td
                    class="prefix-Table-cell"
                  >
                    <div
                      class="ant-empty ant-empty-normal"
                    >
                      <div
                        class="ant-empty-image"
                      >
                        <svg
                          class="ant-empty-img-simple"
                          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
                              class="ant-empty-img-simple-ellipse"
                              cx="32"
                              cy="33"
                              rx="32"
                              ry="7"
                            />
                            <g
                              class="ant-empty-img-simple-g"
                              fill-rule="nonzero"
                            >
                              <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
                                class="ant-empty-img-simple-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"
                              />
                            </g>
                          </g>
                        </svg>
                      </div>
                      <p
                        class="ant-empty-description"
                      >
                        No Data
                      </p>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider 1`] = `
<div
  class="config-tabs config-tabs-top"
>
  <div
    class="config-tabs-nav"
    role="tablist"
  >
    <div
      class="config-tabs-nav-wrap"
    >
      <div
        class="config-tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="config-tabs-tab config-tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="config-tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="config-tabs-ink-bar config-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="config-tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="config-tabs-content-holder"
  >
    <div
      class="config-tabs-content config-tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="config-tabs-tabpane config-tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider componentSize large 1`] = `
<div
  class="config-tabs config-tabs-top"
>
  <div
    class="config-tabs-nav"
    role="tablist"
  >
    <div
      class="config-tabs-nav-wrap"
    >
      <div
        class="config-tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="config-tabs-tab config-tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="config-tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="config-tabs-ink-bar config-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="config-tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="config-tabs-content-holder"
  >
    <div
      class="config-tabs-content config-tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="config-tabs-tabpane config-tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider componentSize middle 1`] = `
<div
  class="config-tabs config-tabs-top"
>
  <div
    class="config-tabs-nav"
    role="tablist"
  >
    <div
      class="config-tabs-nav-wrap"
    >
      <div
        class="config-tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="config-tabs-tab config-tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="config-tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="config-tabs-ink-bar config-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="config-tabs-nav-operations config-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="config-tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="config-tabs-content-holder"
  >
    <div
      class="config-tabs-content config-tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="config-tabs-tabpane config-tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="ant-tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs normal 1`] = `
<div
  class="ant-tabs ant-tabs-top"
>
  <div
    class="ant-tabs-nav"
    role="tablist"
  >
    <div
      class="ant-tabs-nav-wrap"
    >
      <div
        class="ant-tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="ant-tabs-tab ant-tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="ant-tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="ant-tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="ant-tabs-content-holder"
  >
    <div
      class="ant-tabs-content ant-tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="ant-tabs-tabpane ant-tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs prefixCls 1`] = `
<div
  class="prefix-Tabs prefix-Tabs-top"
>
  <div
    class="prefix-Tabs-nav"
    role="tablist"
  >
    <div
      class="prefix-Tabs-nav-wrap"
    >
      <div
        class="prefix-Tabs-nav-list"
        style="transform:translate(0px, 0px)"
      >
        <div
          class="prefix-Tabs-tab prefix-Tabs-tab-active"
        >
          <div
            aria-selected="true"
            class="prefix-Tabs-tab-btn"
            role="tab"
            tabindex="0"
          >
            Bamboo
          </div>
        </div>
        <div
          class="prefix-Tabs-ink-bar prefix-Tabs-ink-bar-animated"
        />
      </div>
    </div>
    <div
      class="prefix-Tabs-nav-operations prefix-Tabs-nav-operations-hidden"
    >
      <button
        aria-controls="null-more-popup"
        aria-expanded="false"
        aria-haspopup="listbox"
        aria-hidden="true"
        class="prefix-Tabs-nav-more"
        id="null-more"
        style="visibility:hidden;order:1"
        tabindex="-1"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
    </div>
  </div>
  <div
    class="prefix-Tabs-content-holder"
  >
    <div
      class="prefix-Tabs-content prefix-Tabs-content-top"
    >
      <div
        aria-hidden="false"
        class="prefix-Tabs-tabpane prefix-Tabs-tabpane-active"
        role="tabpanel"
        tabindex="0"
      />
    </div>
  </div>
</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 configProvider componentSize large 1`] = `
<div>
  <span
    class="config-tag"
  >
    Bamboo
  </span>
  <span
    class="config-tag config-tag-checkable"
  >
    Light
  </span>
</div>
`;

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

exports[`ConfigProvider components Tags configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <span
    class="ant-tag"
  >
    Bamboo
  </span>
  <span
    class="ant-tag ant-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 [
  <div
    class="config-picker"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="config-picker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-picker-panel-container"
      >
        <div
          class="config-picker-panel config-picker-panel-focused"
          tabindex="-1"
        >
          <div
            class="config-picker-time-panel"
          >
            <div
              class="config-picker-content"
            >
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="config-picker-footer"
          >
            <ul
              class="config-picker-ranges"
            >
              <li
                class="config-picker-now"
              >
                <a
                  class="config-picker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="config-picker-ok"
              >
                <button
                  class="config-btn config-btn-primary config-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker configProvider componentSize large 1`] = `
Array [
  <div
    class="config-picker config-picker-large"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="config-picker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-picker-panel-container"
      >
        <div
          class="config-picker-panel config-picker-panel-focused"
          tabindex="-1"
        >
          <div
            class="config-picker-time-panel"
          >
            <div
              class="config-picker-content"
            >
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="config-picker-footer"
          >
            <ul
              class="config-picker-ranges"
            >
              <li
                class="config-picker-now"
              >
                <a
                  class="config-picker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="config-picker-ok"
              >
                <button
                  class="config-btn config-btn-primary config-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker configProvider componentSize middle 1`] = `
Array [
  <div
    class="config-picker config-picker-middle"
  >
    <div
      class="config-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="config-picker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-picker-panel-container"
      >
        <div
          class="config-picker-panel config-picker-panel-focused"
          tabindex="-1"
        >
          <div
            class="config-picker-time-panel"
          >
            <div
              class="config-picker-content"
            >
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="config-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="config-picker-time-panel-cell config-picker-time-panel-cell-selected"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="config-picker-time-panel-cell"
                >
                  <div
                    class="config-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="config-picker-footer"
          >
            <ul
              class="config-picker-ranges"
            >
              <li
                class="config-picker-now"
              >
                <a
                  class="config-picker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="config-picker-ok"
              >
                <button
                  class="config-btn config-btn-primary config-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker configProvider virtual and dropdownMatchSelectWidth 1`] = `
Array [
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="ant-picker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-picker-panel-container"
      >
        <div
          class="ant-picker-panel ant-picker-panel-focused"
          tabindex="-1"
        >
          <div
            class="ant-picker-time-panel"
          >
            <div
              class="ant-picker-content"
            >
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="ant-picker-footer"
          >
            <ul
              class="ant-picker-ranges"
            >
              <li
                class="ant-picker-now"
              >
                <a
                  class="ant-picker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="ant-picker-ok"
              >
                <button
                  class="ant-btn ant-btn-primary ant-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker normal 1`] = `
Array [
  <div
    class="ant-picker"
  >
    <div
      class="ant-picker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="ant-picker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-picker-panel-container"
      >
        <div
          class="ant-picker-panel ant-picker-panel-focused"
          tabindex="-1"
        >
          <div
            class="ant-picker-time-panel"
          >
            <div
              class="ant-picker-content"
            >
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="ant-picker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="ant-picker-time-panel-cell ant-picker-time-panel-cell-selected"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="ant-picker-time-panel-cell"
                >
                  <div
                    class="ant-picker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="ant-picker-footer"
          >
            <ul
              class="ant-picker-ranges"
            >
              <li
                class="ant-picker-now"
              >
                <a
                  class="ant-picker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="ant-picker-ok"
              >
                <button
                  class="ant-btn ant-btn-primary ant-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components TimePicker prefixCls 1`] = `
Array [
  <div
    class="prefix-TimePicker"
  >
    <div
      class="prefix-TimePicker-input"
    >
      <input
        autocomplete="off"
        placeholder="Select time"
        readonly=""
        size="10"
        title=""
        value=""
      />
      <span
        class="prefix-TimePicker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            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>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="prefix-TimePicker-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="prefix-TimePicker-panel-container"
      >
        <div
          class="prefix-TimePicker-panel prefix-TimePicker-panel-focused"
          tabindex="-1"
        >
          <div
            class="prefix-TimePicker-time-panel"
          >
            <div
              class="prefix-TimePicker-content"
            >
              <ul
                class="prefix-TimePicker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
              </ul>
              <ul
                class="prefix-TimePicker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
              <ul
                class="prefix-TimePicker-time-panel-column"
                style="position:relative"
              >
                <li
                  class="prefix-TimePicker-time-panel-cell prefix-TimePicker-time-panel-cell-selected"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    00
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    01
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    02
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    03
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    04
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    05
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    06
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    07
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    08
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    09
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    10
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    11
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    12
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    13
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    14
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    15
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    16
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    17
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    18
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    19
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    20
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    21
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    22
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    23
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    24
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    25
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    26
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    27
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    28
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    29
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    30
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    31
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    32
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    33
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    34
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    35
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    36
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    37
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    38
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    39
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    40
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    41
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    42
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    43
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    44
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    45
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    46
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    47
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    48
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    49
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    50
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    51
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    52
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    53
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    54
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    55
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    56
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    57
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    58
                  </div>
                </li>
                <li
                  class="prefix-TimePicker-time-panel-cell"
                >
                  <div
                    class="prefix-TimePicker-time-panel-cell-inner"
                  >
                    59
                  </div>
                </li>
              </ul>
            </div>
          </div>
          <div
            class="prefix-TimePicker-footer"
          >
            <ul
              class="prefix-TimePicker-ranges"
            >
              <li
                class="prefix-TimePicker-now"
              >
                <a
                  class="prefix-TimePicker-now-btn"
                >
                  Now
                </a>
              </li>
              <li
                class="prefix-TimePicker-ok"
              >
                <button
                  class="ant-btn ant-btn-primary ant-btn-sm"
                  type="button"
                >
                  <span>
                    Ok
                  </span>
                </button>
              </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 configProvider componentSize large 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 configProvider componentSize middle 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 configProvider virtual and dropdownMatchSelectWidth 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 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"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Tooltip configProvider componentSize large 1`] = `
Array [
  <span
    class="config-tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="config-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Tooltip configProvider componentSize middle 1`] = `
Array [
  <span
    class="config-tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="config-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        >
          <span
            class="config-tooltip-arrow-content"
          />
        </div>
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`ConfigProvider components Tooltip configProvider virtual and dropdownMatchSelectWidth 1`] = `
Array [
  <span
    class="ant-tooltip-open"
  >
    Light
  </span>,
  <div>
    <div
      class="ant-tooltip"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        >
          <span
            class="ant-tooltip-arrow-content"
          />
        </div>
        <div
          class="ant-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"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        >
          <span
            class="ant-tooltip-arrow-content"
          />
        </div>
        <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"
      style="opacity:0;pointer-events:none"
    >
      <div
        class="prefix-Tooltip-content"
      >
        <div
          class="prefix-Tooltip-arrow"
        >
          <span
            class="prefix-Tooltip-arrow-content"
          />
        </div>
        <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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="config-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Transfer configProvider componentSize large 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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="config-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Transfer configProvider componentSize middle 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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="config-btn config-btn-primary config-btn-sm config-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down config-dropdown-trigger config-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="config-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="config-transfer-list-header-title"
      />
    </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
              class="config-empty-img-simple"
              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
                  class="config-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="config-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="config-empty-img-simple-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"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="config-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Transfer configProvider virtual and dropdownMatchSelectWidth 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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="ant-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="ant-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="ant-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger ant-transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="ant-transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="ant-transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger prefix-Transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="prefix-Transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="prefix-Transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </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"
    >
      <span
        aria-label="right"
        class="anticon anticon-right"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z"
          />
        </svg>
      </span>
    </button>
    <button
      class="ant-btn ant-btn-primary ant-btn-sm ant-btn-icon-only"
      disabled=""
      type="button"
    >
      <span
        aria-label="left"
        class="anticon anticon-left"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z"
          />
        </svg>
      </span>
    </button>
  </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
        aria-label="down"
        class="anticon anticon-down ant-dropdown-trigger prefix-Transfer-list-header-dropdown"
        role="img"
      >
        <svg
          aria-hidden="true"
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
      <span
        class="prefix-Transfer-list-header-selected"
      >
        0 item
      </span>
      <span
        class="prefix-Transfer-list-header-title"
      />
    </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
              class="ant-empty-img-simple"
              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
                  class="ant-empty-img-simple-ellipse"
                  cx="32"
                  cy="33"
                  rx="32"
                  ry="7"
                />
                <g
                  class="ant-empty-img-simple-g"
                  fill-rule="nonzero"
                >
                  <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
                    class="ant-empty-img-simple-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"
                  />
                </g>
              </g>
            </svg>
          </div>
          <p
            class="ant-empty-description"
          >
            No Data
          </p>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree configProvider 1`] = `
<div>
  <div
    class="config-tree config-tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-tree config-tree-block-node config-tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="config-tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree configProvider componentSize large 1`] = `
<div>
  <div
    class="config-tree config-tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-tree config-tree-block-node config-tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="config-tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree configProvider componentSize middle 1`] = `
<div>
  <div
    class="config-tree config-tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-tree config-tree-block-node config-tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="config-tree-list"
      style="position:relative"
    >
      <div
        class="config-tree-list-holder"
      >
        <div>
          <div
            class="config-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="config-tree-treenode config-tree-treenode-switcher-close config-tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="config-tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div>
  <div
    class="ant-tree ant-tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="ant-tree-list"
      style="position:relative"
    >
      <div
        class="ant-tree-list-holder"
      >
        <div>
          <div
            class="ant-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tree ant-tree-block-node ant-tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="ant-tree-list"
      style="position:relative"
    >
      <div
        class="ant-tree-list-holder"
      >
        <div>
          <div
            class="ant-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="ant-tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree normal 1`] = `
<div>
  <div
    class="ant-tree ant-tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="ant-tree-list"
      style="position:relative"
    >
      <div
        class="ant-tree-list-holder"
      >
        <div>
          <div
            class="ant-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-tree ant-tree-block-node ant-tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="ant-tree-list"
      style="position:relative"
    >
      <div
        class="ant-tree-list-holder"
      >
        <div>
          <div
            class="ant-tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="ant-tree-treenode ant-tree-treenode-switcher-close ant-tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="ant-tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tree prefixCls 1`] = `
<div>
  <div
    class="prefix-Tree prefix-Tree-icon-hide"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="prefix-Tree-list"
      style="position:relative"
    >
      <div
        class="prefix-Tree-list-holder"
      >
        <div>
          <div
            class="prefix-Tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close prefix-Tree-treenode-leaf-last"
            >
              <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>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="prefix-Tree prefix-Tree-block-node prefix-Tree-directory"
  >
    <div
      role="tree"
    >
      <input
        style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
        tabindex="0"
        value=""
      />
    </div>
    <div
      class="prefix-Tree-list"
      style="position:relative"
    >
      <div
        class="prefix-Tree-list-holder"
      >
        <div>
          <div
            class="prefix-Tree-list-holder-inner"
            style="display:flex;flex-direction:column"
          >
            <div
              class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close prefix-Tree-treenode-leaf-last"
            >
              <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"
                >
                  <span
                    aria-label="folder"
                    class="anticon anticon-folder"
                    role="img"
                  >
                    <svg
                      aria-hidden="true"
                      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 00-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>
                  </span>
                </span>
                <span
                  class="prefix-Tree-title"
                >
                  bamboo
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components TreeSelect configProvider 1`] = `
<div
  class="config-select config-tree-select config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown config-tree-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="config-select-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="config-select-tree-list"
              style="position:relative"
            >
              <div
                class="config-select-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="config-select-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components TreeSelect configProvider componentSize large 1`] = `
<div
  class="config-select config-tree-select config-select-lg config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown config-tree-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="config-select-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="config-select-tree-list"
              style="position:relative"
            >
              <div
                class="config-select-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="config-select-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components TreeSelect configProvider componentSize middle 1`] = `
<div
  class="config-select config-tree-select config-select-single config-select-show-arrow config-select-open"
>
  <div
    class="config-select-selector"
  >
    <span
      class="config-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="config-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown config-tree-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="config-select-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="config-select-tree-list"
              style="position:relative"
            >
              <div
                class="config-select-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="config-select-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="config-select-tree-treenode config-select-tree-treenode-switcher-close config-select-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="config-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down config-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components TreeSelect configProvider virtual and dropdownMatchSelectWidth 1`] = `
<div
  class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown ant-tree-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="ant-select-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="ant-select-tree-list"
              style="position:relative"
            >
              <div
                class="ant-select-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="ant-select-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components TreeSelect normal 1`] = `
<div
  class="ant-select ant-tree-select ant-select-single ant-select-show-arrow ant-select-open"
>
  <div
    class="ant-select-selector"
  >
    <span
      class="ant-select-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="ant-select-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown ant-tree-select-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="ant-select-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="ant-select-tree-list"
              style="position:relative"
            >
              <div
                class="ant-select-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="ant-select-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="ant-select-tree-treenode ant-select-tree-treenode-switcher-close ant-select-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="ant-select-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down ant-select-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components TreeSelect prefixCls 1`] = `
<div
  class="prefix-TreeSelect prefix-TreeSelect-single prefix-TreeSelect-show-arrow prefix-TreeSelect-open"
>
  <div
    class="prefix-TreeSelect-selector"
  >
    <span
      class="prefix-TreeSelect-selection-search"
    >
      <input
        aria-activedescendant="undefined_list_0"
        aria-autocomplete="list"
        aria-controls="undefined_list"
        aria-expanded="true"
        aria-haspopup="listbox"
        aria-owns="undefined_list"
        autocomplete="off"
        class="prefix-TreeSelect-selection-search-input"
        readonly=""
        role="combobox"
        style="opacity:0"
        type="search"
        unselectable="on"
        value=""
      />
    </span>
    <span
      class="prefix-TreeSelect-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown"
      style="opacity:0;pointer-events:none"
    >
      <div>
        <div>
          <div
            class="prefix-TreeSelect-tree"
          >
            <div
              role="tree"
            >
              <input
                disabled=""
                style="width:0;height:0;display:flex;overflow:hidden;opacity:0;border:0;padding:0;margin:0"
                value=""
              />
            </div>
            <div
              class="prefix-TreeSelect-tree-list"
              style="position:relative"
            >
              <div
                class="prefix-TreeSelect-tree-list-holder"
                style="max-height:256px;overflow-y:auto;overflow-anchor:none"
              >
                <div>
                  <div
                    class="prefix-TreeSelect-tree-list-holder-inner"
                    style="display:flex;flex-direction:column"
                  >
                    <div
                      class="prefix-TreeSelect-tree-treenode prefix-TreeSelect-tree-treenode-switcher-close prefix-TreeSelect-tree-treenode-leaf-last"
                    >
                      <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>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <span
    aria-hidden="true"
    class="prefix-TreeSelect-arrow"
    style="user-select:none;-webkit-user-select:none"
    unselectable="on"
  >
    <span
      aria-label="down"
      class="anticon anticon-down prefix-TreeSelect-suffix"
      role="img"
    >
      <svg
        aria-hidden="true"
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </span>
  </span>
</div>
`;

exports[`ConfigProvider components Upload configProvider 1`] = `
<span
  class=""
>
  <div
    class="config-upload config-upload-select config-upload-select-text"
  >
    <span
      class="config-upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="config-upload-list config-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="config-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="config-upload-list-item-name config-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="config-upload-list-item-card-actions "
              >
                <button
                  class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload configProvider componentSize large 1`] = `
<span
  class=""
>
  <div
    class="config-upload config-upload-select config-upload-select-text"
  >
    <span
      class="config-upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="config-upload-list config-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="config-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="config-upload-list-item-name config-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="config-upload-list-item-card-actions "
              >
                <button
                  class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload configProvider componentSize middle 1`] = `
<span
  class=""
>
  <div
    class="config-upload config-upload-select config-upload-select-text"
  >
    <span
      class="config-upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="config-upload-list config-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="config-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="config-upload-list-item-name config-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="config-upload-list-item-card-actions "
              >
                <button
                  class="config-btn config-btn-text config-btn-sm config-btn-icon-only config-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload configProvider virtual and dropdownMatchSelectWidth 1`] = `
<span
  class=""
>
  <div
    class="ant-upload ant-upload-select ant-upload-select-text"
  >
    <span
      class="ant-upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="ant-upload-list ant-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="ant-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="ant-upload-list-item-card-actions "
              >
                <button
                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload normal 1`] = `
<span
  class=""
>
  <div
    class="ant-upload ant-upload-select ant-upload-select-text"
  >
    <span
      class="ant-upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="ant-upload-list ant-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="ant-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="ant-upload-list-item-card-actions "
              >
                <button
                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;

exports[`ConfigProvider components Upload prefixCls 1`] = `
<span
  class=""
>
  <div
    class="prefix-Upload prefix-Upload-select prefix-Upload-select-text"
  >
    <span
      class="prefix-Upload"
      role="button"
      tabindex="0"
    >
      <input
        accept=""
        style="display:none"
        type="file"
      />
      <span />
    </span>
  </div>
  <div
    class="ant-upload-list ant-upload-list-text"
  >
    <div
      class=""
    >
      <span>
        <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>
              <div
                class="ant-upload-text-icon"
              >
                <span
                  aria-label="paper-clip"
                  class="anticon anticon-paper-clip"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    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 0012.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 0012.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 00174 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>
                </span>
              </div>
              <span
                class="ant-upload-list-item-name ant-upload-list-item-name-icon-count-1"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="ant-upload-list-item-card-actions "
              >
                <button
                  class="ant-btn ant-btn-text ant-btn-sm ant-btn-icon-only ant-upload-list-item-card-actions-btn"
                  title="Remove file"
                  type="button"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                  >
                    <svg
                      aria-hidden="true"
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </button>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;