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

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

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

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

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

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

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

exports[`ConfigProvider components AutoComplete configProvider 1`] = `
<div
  class="config-select 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"
        value=""
      />
    </span>
    <span
      class="config-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"
        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"
        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 normal 1`] = `
<span
  class="ant-avatar ant-avatar-circle"
>
  <span
    class="ant-avatar-string"
    style="opacity:0"
  />
</span>
`;

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

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

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

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

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

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

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

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

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

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

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

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

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

exports[`ConfigProvider components Calendar configProvider 1`] = `
<div>
  <div
    class="config-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"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-selected config-picker-cell-in-view"
                  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 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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-selected ant-picker-cell-in-view"
                  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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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
                class=""
              >
                <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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-selected prefix-Calendar-cell-in-view"
                  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 normal 1`] = `
<div
  class="ant-card ant-card-bordered ant-card-contain-grid"
>
  <div
    class="ant-card-body"
  >
    <div
      class="ant-card-grid ant-card-grid-hoverable"
    >
      <div
        class="ant-card-meta"
      />
    </div>
  </div>
</div>
`;

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

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

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

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

exports[`ConfigProvider components Cascader configProvider 1`] = `
<span
  class="config-cascader-picker config-cascader-picker-show-search"
  tabindex="0"
>
  <span
    class="config-cascader-picker-label"
  />
  <input
    autocomplete="off"
    class="config-input config-cascader-input "
    placeholder="Please select"
    tabindex="-1"
    type="text"
    value=""
  />
  <span
    aria-label="down"
    class="anticon anticon-down config-cascader-picker-arrow"
    role="img"
  >
    <svg
      aria-hidden="true"
      class=""
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </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"
      class=""
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </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"
      class=""
      data-icon="down"
      fill="currentColor"
      focusable="false"
      height="1em"
      viewBox="64 64 896 896"
      width="1em"
    >
      <path
        d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
      />
    </svg>
  </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 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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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-avatar"
    />
    <div
      class="config-comment-content"
    >
      <div
        class="config-comment-content-author"
      />
      <div
        class="config-comment-content-detail"
      >
        Bamboo
      </div>
    </div>
  </div>
  <div
    class="config-comment-nested"
  >
    <div
      class="config-comment"
    >
      <div
        class="config-comment-inner"
      >
        <div
          class="config-comment-avatar"
        />
        <div
          class="config-comment-content"
        >
          <div
            class="config-comment-content-author"
          />
          <div
            class="config-comment-content-detail"
          >
            Light
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
`;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

exports[`ConfigProvider components Drawer configProvider 1`] = `
<div
  class=""
>
  <div
    class="config-drawer config-drawer-right"
    tabindex="-1"
  >
    <div
      class="config-drawer-mask"
    />
    <div
      class="config-drawer-content-wrapper"
      style="transform:translateX(100%);-ms-transform:translateX(100%);width:256px"
    >
      <div
        class="config-drawer-content"
      >
        <div
          class="config-drawer-wrapper-body"
        >
          <div
            class="config-drawer-header-no-title"
          >
            <button
              aria-label="Close"
              class="config-drawer-close"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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 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"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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"
            >
              <span
                aria-label="close"
                class="anticon anticon-close"
                role="img"
              >
                <svg
                  aria-hidden="true"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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-dropdown-trigger config-btn-default"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 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-dropdown-trigger ant-btn-default"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 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-dropdown-trigger ant-btn-default"
    type="button"
  >
    <span
      aria-label="ellipsis"
      class="anticon anticon-ellipsis"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="ellipsis"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M176 511a56 56 0 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 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"
      >
        <input
          class="config-input"
          type="text"
          value=""
        />
      </div>
      <div
        class="config-form-item-explain"
      >
        <div>
          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"
      >
        <input
          class="ant-input"
          type="text"
          value=""
        />
      </div>
      <div
        class="ant-form-item-explain"
      >
        <div>
          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"
      >
        <input
          class="prefix-Form"
          type="text"
          value=""
        />
      </div>
      <div
        class="prefix-Form-item-explain"
      >
        <div>
          Bamboo is Light
        </div>
      </div>
    </div>
  </div>
</form>
`;

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

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

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

exports[`ConfigProvider components Input configProvider 1`] = `
<div>
  <span
    class="config-input-group"
  >
    <input
      class="config-input"
      type="text"
      value=""
    />
    <span
      class="config-input-search config-input-affix-wrapper"
    >
      <input
        class="config-input"
        type="text"
        value=""
      />
      <span
        class="config-input-suffix"
      >
        <span
          aria-label="search"
          class="anticon anticon-search config-input-search-icon"
          role="img"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 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>
      </span>
    </span>
  </span>
  <textarea
    class="config-input"
  />
</div>
`;

exports[`ConfigProvider components Input normal 1`] = `
<div>
  <span
    class="ant-input-group"
  >
    <input
      class="ant-input"
      type="text"
      value=""
    />
    <span
      class="ant-input-search ant-input-affix-wrapper"
    >
      <input
        class="ant-input"
        type="text"
        value=""
      />
      <span
        class="ant-input-suffix"
      >
        <span
          aria-label="search"
          class="anticon anticon-search ant-input-search-icon"
          role="img"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 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>
      </span>
    </span>
  </span>
  <textarea
    class="ant-input"
  />
</div>
`;

exports[`ConfigProvider components Input prefixCls 1`] = `
<div>
  <span
    class="prefix-Input"
  >
    <input
      class="prefix-Input"
      type="text"
      value=""
    />
    <span
      class="prefix-Input ant-input-affix-wrapper"
    >
      <input
        class="ant-input"
        type="text"
        value=""
      />
      <span
        class="ant-input-suffix"
      >
        <span
          aria-label="search"
          class="anticon anticon-search prefix-Input-icon"
          role="img"
          tabindex="-1"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="search"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M909.6 854.5L649.9 594.8C690.2 542.7 712 479 712 412c0-80.2-31.3-155.4-87.9-212.1-56.6-56.7-132-87.9-212.1-87.9s-155.5 31.3-212.1 87.9C143.2 256.5 112 331.8 112 412c0 80.1 31.3 155.5 87.9 212.1C256.5 680.8 331.8 712 412 712c67 0 130.6-21.8 182.7-62l259.7 259.6a8.2 8.2 0 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>
      </span>
    </span>
  </span>
  <textarea
    class="prefix-Input"
  />
</div>
`;

exports[`ConfigProvider components InputNumber configProvider 1`] = `
<div
  class="config-input-number"
>
  <div
    class="config-input-number-handler-wrap"
  >
    <span
      aria-disabled="false"
      aria-label="Increase Value"
      class="config-input-number-handler config-input-number-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="up"
        class="anticon anticon-up config-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 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-disabled="false"
      aria-label="Decrease Value"
      class="config-input-number-handler config-input-number-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="down"
        class="anticon anticon-down config-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="config-input-number-input-wrap"
  >
    <input
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="config-input-number-input"
      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-disabled="false"
      aria-label="Increase Value"
      class="ant-input-number-handler ant-input-number-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="up"
        class="anticon anticon-up ant-input-number-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 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-disabled="false"
      aria-label="Decrease Value"
      class="ant-input-number-handler ant-input-number-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="down"
        class="anticon anticon-down ant-input-number-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="ant-input-number-input-wrap"
  >
    <input
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="ant-input-number-input"
      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-disabled="false"
      aria-label="Increase Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-up "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="up"
        class="anticon anticon-up prefix-InputNumber-handler-up-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="up"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M890.5 755.3L537.9 269.2c-12.8-17.6-39-17.6-51.7 0L133.5 755.3A8 8 0 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-disabled="false"
      aria-label="Decrease Value"
      class="prefix-InputNumber-handler prefix-InputNumber-handler-down "
      role="button"
      unselectable="unselectable"
    >
      <span
        aria-label="down"
        class="anticon anticon-down prefix-InputNumber-handler-down-inner"
        role="img"
      >
        <svg
          aria-hidden="true"
          class=""
          data-icon="down"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
          />
        </svg>
      </span>
    </span>
  </div>
  <div
    class="prefix-InputNumber-input-wrap"
  >
    <input
      aria-valuemin="-9007199254740991"
      autocomplete="off"
      class="prefix-InputNumber-input"
      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 normal 1`] = `
<section
  class="ant-layout"
>
  <aside
    class="ant-layout-sider ant-layout-sider-dark"
    style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px"
  >
    <div
      class="ant-layout-sider-children"
    />
  </aside>
  <section
    class="ant-layout"
  >
    <header
      class="ant-layout-header"
    />
    <main
      class="ant-layout-content"
    />
    <footer
      class="ant-layout-footer"
    />
  </section>
</section>
`;

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

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

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

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

exports[`ConfigProvider components 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"
      style="padding-left:24px"
      title="bamboo"
    >
      bamboo
      <i
        class="config-menu-submenu-arrow"
      />
    </div>
    <ul
      class="config-menu config-menu-sub config-menu-inline"
      id="bamboo$Menu"
      role="menu"
    >
      <li
        class=" config-menu-item-group"
      >
        <div
          class="config-menu-item-group-title"
          title="Item 1"
        >
          Item 1
        </div>
        <ul
          class="config-menu-item-group-list"
        >
          <li
            class="config-menu-item"
            role="menuitem"
            style="padding-left:48px"
          >
            Light
          </li>
        </ul>
      </li>
    </ul>
  </li>
</ul>
`;

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

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

exports[`ConfigProvider components Modal configProvider 1`] = `
<div>
  <div
    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"
          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"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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"
          >
            <div>
              <button
                class="config-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="config-btn config-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal normal 1`] = `
<div>
  <div
    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"
          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"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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"
          >
            <div>
              <button
                class="ant-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="ant-btn ant-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Modal prefixCls 1`] = `
<div>
  <div
    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"
          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"
                  class=""
                  data-icon="close"
                  fill="currentColor"
                  focusable="false"
                  height="1em"
                  viewBox="64 64 896 896"
                  width="1em"
                >
                  <path
                    d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 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"
          >
            <div>
              <button
                class="ant-btn"
                type="button"
              >
                <span>
                  Cancel
                </span>
              </button>
              <button
                class="ant-btn ant-btn-primary"
                type="button"
              >
                <span>
                  OK
                </span>
              </button>
            </div>
          </div>
        </div>
        <div
          aria-hidden="true"
          style="width:0;height:0;overflow:hidden"
          tabindex="0"
        />
      </div>
    </div>
  </div>
</div>
`;

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

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

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

exports[`ConfigProvider components Pagination configProvider 1`] = `
<div>
  <ul
    class="config-pagination"
    unselectable="unselectable"
  >
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-prev"
      title="Previous Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-next"
      title="Next Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </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"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-disabled config-pagination-prev"
      title="Previous Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="config-pagination-disabled config-pagination-next"
      title="Next Page"
    >
      <a
        class="config-pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </li>
    <li
      class="config-pagination-options"
    >
      <div
        class="config-select config-pagination-options-size-changer config-select-sm 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"
              value=""
            />
          </span>
          <span
            class="config-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </span>
        </span>
      </div>
      <div
        class="config-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-disabled ant-pagination-prev"
      title="Previous Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-next"
      title="Next Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-disabled ant-pagination-prev"
      title="Previous Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="ant-pagination-disabled ant-pagination-next"
      title="Next Page"
    >
      <a
        class="ant-pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </li>
    <li
      class="ant-pagination-options"
    >
      <div
        class="ant-select ant-pagination-options-size-changer ant-select-sm 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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-disabled prefix-Pagination-prev"
      title="Previous Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-next"
      title="Next Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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-disabled prefix-Pagination-prev"
      title="Previous Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <span
          aria-label="left"
          class="anticon anticon-left"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="left"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
      </a>
    </li>
    <li
      class="prefix-Pagination-item prefix-Pagination-item-0 prefix-Pagination-disabled prefix-Pagination-item-disabled"
      tabindex="0"
      title="0"
    >
      <a>
        0
      </a>
    </li>
    <li
      aria-disabled="true"
      class="prefix-Pagination-disabled prefix-Pagination-next"
      title="Next Page"
    >
      <a
        class="prefix-Pagination-item-link"
      >
        <span
          aria-label="right"
          class="anticon anticon-right"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="right"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
      </a>
    </li>
    <li
      class="prefix-Pagination-options"
    >
      <div
        class="ant-select prefix-Pagination-options-size-changer ant-select-sm 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"
              value=""
            />
          </span>
          <span
            class="ant-select-selection-item"
          >
            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"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="down"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
              />
            </svg>
          </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"
      style="opacity:0"
    >
      <div
        class="config-popover-content"
      >
        <div
          class="config-popover-arrow"
        />
        <div
          class="config-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="config-popover-inner-content"
            >
              <div
                class="config-popover-message"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 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>
</div>
`;

exports[`ConfigProvider components Popconfirm normal 1`] = `
<div>
  <span
    class="ant-popover-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="ant-popover"
      style="opacity:0"
    >
      <div
        class="ant-popover-content"
      >
        <div
          class="ant-popover-arrow"
        />
        <div
          class="ant-popover-inner"
          role="tooltip"
        >
          <div>
            <div
              class="ant-popover-inner-content"
            >
              <div
                class="ant-popover-message"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 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>
</div>
`;

exports[`ConfigProvider components Popconfirm prefixCls 1`] = `
<div>
  <span
    class="prefix-Popconfirm-open"
  >
    Bamboo
  </span>
  <div>
    <div
      class="prefix-Popconfirm"
      style="opacity:0"
    >
      <div
        class="prefix-Popconfirm-content"
      >
        <div
          class="prefix-Popconfirm-arrow"
        />
        <div
          class="prefix-Popconfirm-inner"
          role="tooltip"
        >
          <div>
            <div
              class="prefix-Popconfirm-inner-content"
            >
              <div
                class="prefix-Popconfirm-message"
              >
                <span
                  aria-label="exclamation-circle"
                  class="anticon anticon-exclamation-circle"
                  role="img"
                >
                  <svg
                    aria-hidden="true"
                    class=""
                    data-icon="exclamation-circle"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm-32 232c0-4.4 3.6-8 8-8h48c4.4 0 8 3.6 8 8v272c0 4.4-3.6 8-8 8h-48c-4.4 0-8-3.6-8-8V296zm32 440a48.01 48.01 0 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>
</div>
`;

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

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

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

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

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

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

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

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

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

exports[`ConfigProvider components Rate configProvider 1`] = `
<ul
  class="config-rate"
  role="radiogroup"
  tabindex="0"
>
  <li
    class="config-rate-star config-rate-star-zero"
  >
    <div
      aria-checked="false"
      aria-posinset="1"
      aria-setsize="5"
      role="radio"
      tabindex="0"
    >
      <div
        class="config-rate-star-first"
      >
        <span
          aria-label="star"
          class="anticon anticon-star"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
            class=""
            data-icon="star"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M908.1 353.1l-253.9-36.9L540.7 86.1c-3.1-6.3-8.2-11.4-14.5-14.5-15.8-7.8-35-1.3-42.9 14.5L369.8 316.2l-253.9 36.9c-7 1-13.4 4.3-18.3 9.3a32.05 32.05 0 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"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown"
      style="opacity:0"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class=""
          style="height:256px"
        >
          <div>
            <div
              class=""
              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"
              >
                <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown"
      style="opacity:0"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class=""
          style="height:256px"
        >
          <div>
            <div
              class=""
              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"
              >
                <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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"
        value=""
      />
    </span>
    <span
      class="prefix-Select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="prefix-Select-dropdown"
      style="opacity:0"
    >
      <div>
        <div
          id="undefined_list"
          role="listbox"
          style="height:0;overflow:hidden"
        >
          <div
            aria-selected="false"
            id="undefined_list_0"
            role="option"
          />
          <div
            aria-selected="false"
            id="undefined_list_1"
            role="option"
          >
            Bamboo
          </div>
        </div>
        <div
          class=""
          style="height:256px"
        >
          <div>
            <div
              class=""
              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"
              >
                <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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 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"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        />
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="config-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider normal 1`] = `
<div
  class="ant-slider"
>
  <div
    class="ant-slider-rail"
  />
  <div
    class="ant-slider-track"
    style="left:0%;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"
    >
      <div
        class="ant-tooltip-content"
      >
        <div
          class="ant-tooltip-arrow"
        />
        <div
          class="ant-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-slider-mark"
  />
</div>
`;

exports[`ConfigProvider components Slider prefixCls 1`] = `
<div
  class="prefix-Slider"
>
  <div
    class="prefix-Slider-rail"
  />
  <div
    class="prefix-Slider-track"
    style="left:0%;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"
    >
      <div
        class="prefix-Slider-tooltip-content"
      >
        <div
          class="prefix-Slider-tooltip-arrow"
        />
        <div
          class="prefix-Slider-tooltip-inner"
          role="tooltip"
        >
          0
        </div>
      </div>
    </div>
  </div>
  <div
    class="prefix-Slider-mark"
  />
</div>
`;

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

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

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

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

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

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

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

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

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

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

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

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

exports[`ConfigProvider components Table configProvider 1`] = `
<div
  class="config-table-wrapper"
>
  <div
    class="config-spin-nested-loading"
  >
    <div
      class="config-spin-container"
    >
      <div
        class="config-table"
      >
        <div
          class="config-table-container"
        >
          <div
            class="config-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col />
              </colgroup>
              <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"
                        >
                          <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"
                                  class=""
                                  data-icon="caret-up"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                  />
                                </svg>
                              </span>
                              <span
                                aria-label="caret-down"
                                class="anticon anticon-caret-down config-table-column-sorter-down"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  class=""
                                  data-icon="caret-down"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                  />
                                </svg>
                              </span>
                            </span>
                          </span>
                        </div>
                      </span>
                      <span
                        class="config-table-filter-trigger-container config-table-filter-trigger-container-open"
                      >
                        <span
                          class="config-table-filter-trigger config-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div>
                          <div
                            class="config-dropdown"
                            style="opacity:0"
                          >
                            <div
                              class="config-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="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="ant-dropdown-menu-submenu ant-dropdown-menu-submenu-vertical"
                                  role="menuitem"
                                >
                                  <div
                                    aria-expanded="false"
                                    aria-haspopup="true"
                                    class="ant-dropdown-menu-submenu-title"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="config-table-filter-dropdown-btns"
                              >
                                <a
                                  class="config-table-filter-dropdown-link confirm"
                                >
                                  OK
                                </a>
                                <a
                                  class="config-table-filter-dropdown-link clear"
                                >
                                  Reset
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </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>
      <ul
        class="config-pagination config-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="config-pagination-disabled config-pagination-prev"
          title="Previous Page"
        >
          <a
            class="config-pagination-item-link"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
          </a>
        </li>
        <li
          class="config-pagination-item config-pagination-item-0 config-pagination-disabled config-pagination-item-disabled"
          tabindex="0"
          title="0"
        >
          <a>
            0
          </a>
        </li>
        <li
          aria-disabled="true"
          class="config-pagination-disabled config-pagination-next"
          title="Next Page"
        >
          <a
            class="config-pagination-item-link"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
          </a>
        </li>
      </ul>
    </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"
      >
        <div
          class="ant-table-container"
        >
          <div
            class="ant-table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col />
              </colgroup>
              <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"
                        >
                          <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"
                                  class=""
                                  data-icon="caret-up"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                  />
                                </svg>
                              </span>
                              <span
                                aria-label="caret-down"
                                class="anticon anticon-caret-down ant-table-column-sorter-down"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  class=""
                                  data-icon="caret-down"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                  />
                                </svg>
                              </span>
                            </span>
                          </span>
                        </div>
                      </span>
                      <span
                        class="ant-table-filter-trigger-container ant-table-filter-trigger-container-open"
                      >
                        <span
                          class="ant-table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity:0"
                          >
                            <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"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="ant-table-filter-dropdown-btns"
                              >
                                <a
                                  class="ant-table-filter-dropdown-link confirm"
                                >
                                  OK
                                </a>
                                <a
                                  class="ant-table-filter-dropdown-link clear"
                                >
                                  Reset
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </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>
      <ul
        class="ant-pagination ant-table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
          tabindex="0"
          title="0"
        >
          <a>
            0
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
          </a>
        </li>
      </ul>
    </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"
      >
        <div
          class="prefix-Table-container"
        >
          <div
            class="prefix-Table-content"
          >
            <table
              style="table-layout:auto"
            >
              <colgroup>
                <col />
              </colgroup>
              <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"
                        >
                          <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"
                                  class=""
                                  data-icon="caret-up"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M858.9 689L530.5 308.2c-9.4-10.9-27.5-10.9-37 0L165.1 689c-12.2 14.2-1.2 35 18.5 35h656.8c19.7 0 30.7-20.8 18.5-35z"
                                  />
                                </svg>
                              </span>
                              <span
                                aria-label="caret-down"
                                class="anticon anticon-caret-down prefix-Table-column-sorter-down"
                                role="img"
                              >
                                <svg
                                  aria-hidden="true"
                                  class=""
                                  data-icon="caret-down"
                                  fill="currentColor"
                                  focusable="false"
                                  height="1em"
                                  viewBox="0 0 1024 1024"
                                  width="1em"
                                >
                                  <path
                                    d="M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z"
                                  />
                                </svg>
                              </span>
                            </span>
                          </span>
                        </div>
                      </span>
                      <span
                        class="prefix-Table-filter-trigger-container prefix-Table-filter-trigger-container-open"
                      >
                        <span
                          class="prefix-Table-filter-trigger ant-dropdown-trigger"
                          role="button"
                          tabindex="-1"
                        >
                          <span
                            aria-label="filter"
                            class="anticon anticon-filter"
                            role="img"
                          >
                            <svg
                              aria-hidden="true"
                              class=""
                              data-icon="filter"
                              fill="currentColor"
                              focusable="false"
                              height="1em"
                              viewBox="64 64 896 896"
                              width="1em"
                            >
                              <path
                                d="M349 838c0 17.7 14.2 32 31.8 32h262.4c17.6 0 31.8-14.3 31.8-32V642H349v196zm531.1-684H143.9c-24.5 0-39.8 26.7-27.5 48l221.3 376h348.8l221.3-376c12.1-21.3-3.2-48-27.7-48z"
                              />
                            </svg>
                          </span>
                        </span>
                        <div>
                          <div
                            class="ant-dropdown"
                            style="opacity:0"
                          >
                            <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"
                                    title="Submenu"
                                  >
                                    Submenu
                                    <i
                                      class="ant-dropdown-menu-submenu-arrow"
                                    />
                                  </div>
                                </li>
                              </ul>
                              <div
                                class="prefix-Table-filter-dropdown-btns"
                              >
                                <a
                                  class="prefix-Table-filter-dropdown-link confirm"
                                >
                                  OK
                                </a>
                                <a
                                  class="prefix-Table-filter-dropdown-link clear"
                                >
                                  Reset
                                </a>
                              </div>
                            </div>
                          </div>
                        </div>
                      </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>
      <ul
        class="ant-pagination prefix-Table-pagination"
        unselectable="unselectable"
      >
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-prev"
          title="Previous Page"
        >
          <a
            class="ant-pagination-item-link"
          >
            <span
              aria-label="left"
              class="anticon anticon-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
          </a>
        </li>
        <li
          class="ant-pagination-item ant-pagination-item-0 ant-pagination-disabled ant-pagination-item-disabled"
          tabindex="0"
          title="0"
        >
          <a>
            0
          </a>
        </li>
        <li
          aria-disabled="true"
          class="ant-pagination-disabled ant-pagination-next"
          title="Next Page"
        >
          <a
            class="ant-pagination-item-link"
          >
            <span
              aria-label="right"
              class="anticon anticon-right"
              role="img"
            >
              <svg
                aria-hidden="true"
                class=""
                data-icon="right"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
          </a>
        </li>
      </ul>
    </div>
  </div>
</div>
`;

exports[`ConfigProvider components Tabs configProvider 1`] = `
<div
  class="config-tabs config-tabs-top config-tabs-line"
>
  <div
    class="config-tabs-bar config-tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="config-tabs-nav-container"
    >
      <span
        class="config-tabs-tab-prev config-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="config-tabs-tab-prev-icon"
        >
          <span
            aria-label="left"
            class="anticon anticon-left config-tabs-tab-prev-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
        </span>
      </span>
      <span
        class="config-tabs-tab-next config-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="config-tabs-tab-next-icon"
        >
          <span
            aria-label="right"
            class="anticon anticon-right config-tabs-tab-next-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
        </span>
      </span>
      <div
        class="config-tabs-nav-wrap"
      >
        <div
          class="config-tabs-nav-scroll"
        >
          <div
            class="config-tabs-nav config-tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="config-tabs-tab-active config-tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="config-tabs-ink-bar config-tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="config-tabs-content config-tabs-content-animated config-tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="config-tabs-tabpane config-tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

exports[`ConfigProvider components Tabs normal 1`] = `
<div
  class="ant-tabs ant-tabs-top ant-tabs-line"
>
  <div
    class="ant-tabs-bar ant-tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="ant-tabs-nav-container"
    >
      <span
        class="ant-tabs-tab-prev ant-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="ant-tabs-tab-prev-icon"
        >
          <span
            aria-label="left"
            class="anticon anticon-left ant-tabs-tab-prev-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
        </span>
      </span>
      <span
        class="ant-tabs-tab-next ant-tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="ant-tabs-tab-next-icon"
        >
          <span
            aria-label="right"
            class="anticon anticon-right ant-tabs-tab-next-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
        </span>
      </span>
      <div
        class="ant-tabs-nav-wrap"
      >
        <div
          class="ant-tabs-nav-scroll"
        >
          <div
            class="ant-tabs-nav ant-tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="ant-tabs-tab-active ant-tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="ant-tabs-content ant-tabs-content-animated ant-tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="ant-tabs-tabpane ant-tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

exports[`ConfigProvider components Tabs prefixCls 1`] = `
<div
  class="prefix-Tabs prefix-Tabs-top prefix-Tabs-line"
>
  <div
    class="prefix-Tabs-bar prefix-Tabs-top-bar"
    role="tablist"
    tabindex="0"
  >
    <div
      class="prefix-Tabs-nav-container"
    >
      <span
        class="prefix-Tabs-tab-prev prefix-Tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="prefix-Tabs-tab-prev-icon"
        >
          <span
            aria-label="left"
            class="anticon anticon-left prefix-Tabs-tab-prev-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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>
        </span>
      </span>
      <span
        class="prefix-Tabs-tab-next prefix-Tabs-tab-btn-disabled"
        unselectable="unselectable"
      >
        <span
          class="prefix-Tabs-tab-next-icon"
        >
          <span
            aria-label="right"
            class="anticon anticon-right prefix-Tabs-tab-next-icon-target"
            role="img"
          >
            <svg
              aria-hidden="true"
              class=""
              data-icon="right"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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>
        </span>
      </span>
      <div
        class="prefix-Tabs-nav-wrap"
      >
        <div
          class="prefix-Tabs-nav-scroll"
        >
          <div
            class="prefix-Tabs-nav prefix-Tabs-nav-animated"
          >
            <div>
              <div
                aria-disabled="false"
                aria-selected="true"
                class="prefix-Tabs-tab-active prefix-Tabs-tab"
                role="tab"
              >
                Bamboo
              </div>
            </div>
            <div
              class="prefix-Tabs-ink-bar prefix-Tabs-ink-bar-animated"
            />
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
  <div
    class="prefix-Tabs-content prefix-Tabs-content-animated prefix-Tabs-top-content"
    style="margin-left:0%"
  >
    <div
      aria-hidden="false"
      class="prefix-Tabs-tabpane prefix-Tabs-tabpane-active"
      role="tabpanel"
    >
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
      <div
        role="presentation"
        style="width:0;height:0;overflow:hidden;position:absolute"
        tabindex="0"
      />
    </div>
  </div>
  <div
    role="presentation"
    style="width:0;height:0;overflow:hidden;position:absolute"
    tabindex="0"
  />
</div>
`;

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

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

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

exports[`ConfigProvider components TimePicker configProvider 1`] = `
Array [
  <div
    class="config-picker"
  >
    <div
      class="config-picker-input"
    >
      <input
        placeholder="Select time"
        readonly=""
        size="10"
        value=""
      />
      <span
        class="config-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="clock-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="config-picker-dropdown"
      style="opacity:0"
    >
      <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"
                >
                  <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"
                >
                  <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"
                >
                  <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"
                  disabled=""
                  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
        placeholder="Select time"
        readonly=""
        size="10"
        value=""
      />
      <span
        class="ant-picker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="clock-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="ant-picker-dropdown"
      style="opacity:0"
    >
      <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"
                >
                  <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"
                >
                  <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"
                >
                  <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"
                  disabled=""
                  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
        placeholder="Select time"
        readonly=""
        size="10"
        value=""
      />
      <span
        class="prefix-TimePicker-suffix"
      >
        <span
          aria-label="clock-circle"
          class="anticon anticon-clock-circle"
          role="img"
        >
          <svg
            aria-hidden="true"
            class=""
            data-icon="clock-circle"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"
            />
            <path
              d="M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"
            />
          </svg>
        </span>
      </span>
    </div>
  </div>,
  <div>
    <div
      class="prefix-TimePicker-dropdown"
      style="opacity:0"
    >
      <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"
                >
                  <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"
                >
                  <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"
                >
                  <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"
                  disabled=""
                  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 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"
    >
      <div
        class="config-tooltip-content"
      >
        <div
          class="config-tooltip-arrow"
        />
        <div
          class="config-tooltip-inner"
          role="tooltip"
        >
          Bamboo
        </div>
      </div>
    </div>
  </div>,
]
`;

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

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

exports[`ConfigProvider components Transfer configProvider 1`] = `
<div
  class="config-transfer"
>
  <div
    class="config-transfer-list"
  >
    <div
      class="config-transfer-list-header"
    >
      <label
        class="config-checkbox-wrapper"
      >
        <span
          class="config-checkbox"
        >
          <input
            class="config-checkbox-input"
            type="checkbox"
          />
          <span
            class="config-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="config-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="config-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="config-transfer-list-body"
    >
      <div
        class="config-transfer-list-body-not-found"
      >
        <div
          class="config-empty config-empty-normal config-empty-small"
        >
          <div
            class="config-empty-image"
          >
            <svg
              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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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"
          class=""
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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
        class="config-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="config-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="config-transfer-list-body"
    >
      <div
        class="config-transfer-list-body-not-found"
      >
        <div
          class="config-empty config-empty-normal config-empty-small"
        >
          <div
            class="config-empty-image"
          >
            <svg
              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 normal 1`] = `
<div
  class="ant-transfer"
>
  <div
    class="ant-transfer-list"
  >
    <div
      class="ant-transfer-list-header"
    >
      <label
        class="ant-checkbox-wrapper"
      >
        <span
          class="ant-checkbox"
        >
          <input
            class="ant-checkbox-input"
            type="checkbox"
          />
          <span
            class="ant-checkbox-inner"
          />
        </span>
      </label>
      <span
        class="ant-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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"
          class=""
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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
        class="ant-transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="ant-transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="ant-transfer-list-body"
    >
      <div
        class="ant-transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              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
        class="prefix-Transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="prefix-Transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="prefix-Transfer-list-body"
    >
      <div
        class="prefix-Transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              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"
          class=""
          data-icon="right"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M765.7 486.8L314.9 134.7A7.97 7.97 0 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"
          class=""
          data-icon="left"
          fill="currentColor"
          focusable="false"
          height="1em"
          viewBox="64 64 896 896"
          width="1em"
        >
          <path
            d="M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 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
        class="prefix-Transfer-list-header-selected"
      >
        <span>
          0 item
        </span>
        <span
          class="prefix-Transfer-list-header-title"
        />
      </span>
    </div>
    <div
      class="prefix-Transfer-list-body"
    >
      <div
        class="prefix-Transfer-list-body-not-found"
      >
        <div
          class="ant-empty ant-empty-normal ant-empty-small"
        >
          <div
            class="ant-empty-image"
          >
            <svg
              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"
    >
      <div>
        <div
          class="config-tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="config-tree-treenode config-tree-treenode-switcher-close"
          >
            <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
    class="config-tree config-tree-directory config-tree-block-node"
  >
    <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"
    >
      <div>
        <div
          class="config-tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="config-tree-treenode config-tree-treenode-switcher-close"
          >
            <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"
                    class=""
                    data-icon="folder"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 298.4H521L403.7 186.2a8.15 8.15 0 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>
`;

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"
    >
      <div>
        <div
          class="ant-tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="ant-tree-treenode ant-tree-treenode-switcher-close"
          >
            <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
    class="ant-tree ant-tree-directory ant-tree-block-node"
  >
    <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"
    >
      <div>
        <div
          class="ant-tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="ant-tree-treenode ant-tree-treenode-switcher-close"
          >
            <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"
                    class=""
                    data-icon="folder"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 298.4H521L403.7 186.2a8.15 8.15 0 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>
`;

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"
    >
      <div>
        <div
          class="prefix-Tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close"
          >
            <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
    class="prefix-Tree prefix-Tree-directory prefix-Tree-block-node"
  >
    <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"
    >
      <div>
        <div
          class="prefix-Tree-list-holder-inner"
          style="display:flex;flex-direction:column"
        >
          <div
            class="prefix-Tree-treenode prefix-Tree-treenode-switcher-close"
          >
            <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"
                    class=""
                    data-icon="folder"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M880 298.4H521L403.7 186.2a8.15 8.15 0 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>
`;

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"
        value=""
      />
    </span>
    <span
      class="config-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="config-select-dropdown config-tree-select-dropdown"
      style="opacity:0"
    >
      <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="height:256px"
            >
              <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"
                  >
                    <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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"
        value=""
      />
    </span>
    <span
      class="ant-select-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="ant-select-dropdown ant-tree-select-dropdown"
      style="opacity:0"
    >
      <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="height:256px"
            >
              <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"
                  >
                    <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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"
        value=""
      />
    </span>
    <span
      class="prefix-TreeSelect-selection-placeholder"
    />
  </div>
  <div>
    <div
      class="prefix-TreeSelect-dropdown prefix-TreeSelect-dropdown"
      style="opacity:0"
    >
      <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="height:256px"
            >
              <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"
                  >
                    <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>
  <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"
      role="img"
    >
      <svg
        aria-hidden="true"
        class=""
        data-icon="down"
        fill="currentColor"
        focusable="false"
        height="1em"
        viewBox="64 64 896 896"
        width="1em"
      >
        <path
          d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"
        />
      </svg>
    </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"
                    class=""
                    data-icon="paper-clip"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 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-2"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="config-upload-list-item-card-actions "
              >
                <a
                  title="Download file"
                >
                  <span
                    aria-label="download"
                    class="anticon anticon-download"
                    role="img"
                    tabindex="-1"
                    title="Download file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="download"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                      />
                    </svg>
                  </span>
                </a>
                <a
                  title="Remove file"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                    title="Remove file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </a>
              </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"
                    class=""
                    data-icon="paper-clip"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 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-2"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="ant-upload-list-item-card-actions "
              >
                <a
                  title="Download file"
                >
                  <span
                    aria-label="download"
                    class="anticon anticon-download"
                    role="img"
                    tabindex="-1"
                    title="Download file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="download"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                      />
                    </svg>
                  </span>
                </a>
                <a
                  title="Remove file"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                    title="Remove file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </a>
              </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"
                    class=""
                    data-icon="paper-clip"
                    fill="currentColor"
                    focusable="false"
                    height="1em"
                    viewBox="64 64 896 896"
                    width="1em"
                  >
                    <path
                      d="M779.3 196.6c-94.2-94.2-247.6-94.2-341.7 0l-261 260.8c-1.7 1.7-2.6 4-2.6 6.4s.9 4.7 2.6 6.4l36.9 36.9a9 9 0 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-2"
                title="xxx.png"
              >
                xxx.png
              </span>
              <span
                class="ant-upload-list-item-card-actions "
              >
                <a
                  title="Download file"
                >
                  <span
                    aria-label="download"
                    class="anticon anticon-download"
                    role="img"
                    tabindex="-1"
                    title="Download file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="download"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M505.7 661a8 8 0 0012.6 0l112-141.7c4.1-5.2.4-12.9-6.3-12.9h-74.1V168c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v338.3H400c-6.7 0-10.4 7.7-6.3 12.9l112 141.8zM878 626h-60c-4.4 0-8 3.6-8 8v154H214V634c0-4.4-3.6-8-8-8h-60c-4.4 0-8 3.6-8 8v198c0 17.7 14.3 32 32 32h684c17.7 0 32-14.3 32-32V634c0-4.4-3.6-8-8-8z"
                      />
                    </svg>
                  </span>
                </a>
                <a
                  title="Remove file"
                >
                  <span
                    aria-label="delete"
                    class="anticon anticon-delete"
                    role="img"
                    tabindex="-1"
                    title="Remove file"
                  >
                    <svg
                      aria-hidden="true"
                      class=""
                      data-icon="delete"
                      fill="currentColor"
                      focusable="false"
                      height="1em"
                      viewBox="64 64 896 896"
                      width="1em"
                    >
                      <path
                        d="M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z"
                      />
                    </svg>
                  </span>
                </a>
              </span>
            </span>
          </div>
        </div>
      </span>
    </div>
  </div>
</span>
`;
