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

exports[`renders ./components/page-header/demo/actions.md extend context correctly 1`] = `
Array [
  <div
    class="ant-page-header site-page-header ant-page-header-ghost"
  >
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
            tabindex="0"
          >
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
          </div>
        </div>
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary"
          type="button"
        >
          <span>
            Primary
          </span>
        </button>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      <div
        class="ant-descriptions ant-descriptions-small"
      >
        <div
          class="ant-descriptions-view"
        >
          <table>
            <tbody>
              <tr
                class="ant-descriptions-row"
              >
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Created
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      Lili Qu
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Association
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      <a>
                        421421
                      </a>
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Creation Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      2017-01-10
                    </span>
                  </div>
                </td>
              </tr>
              <tr
                class="ant-descriptions-row"
              >
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Effective Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      2017-10-10
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="2"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Remarks
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
                    </span>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>,
  <br />,
  <div
    class="ant-page-header ant-page-header-ghost"
  >
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
            tabindex="0"
          >
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
          </div>
        </div>
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
        <span
          class="ant-page-header-heading-tags"
        >
          <span
            class="ant-tag ant-tag-blue"
          >
            Running
          </span>
        </span>
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary"
          type="button"
        >
          <span>
            Primary
          </span>
        </button>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      <div
        class="ant-row"
      >
        <div
          class="ant-statistic"
        >
          <div
            class="ant-statistic-title"
          >
            Status
          </div>
          <div
            class="ant-statistic-content"
          >
            <span
              class="ant-statistic-content-value"
            >
              Pending
            </span>
          </div>
        </div>
        <div
          class="ant-statistic"
          style="margin:0 32px"
        >
          <div
            class="ant-statistic-title"
          >
            Price
          </div>
          <div
            class="ant-statistic-content"
          >
            <span
              class="ant-statistic-content-prefix"
            >
              $
            </span>
            <span
              class="ant-statistic-content-value"
            >
              <span
                class="ant-statistic-content-value-int"
              >
                568
              </span>
              <span
                class="ant-statistic-content-value-decimal"
              >
                .08
              </span>
            </span>
          </div>
        </div>
        <div
          class="ant-statistic"
        >
          <div
            class="ant-statistic-title"
          >
            Balance
          </div>
          <div
            class="ant-statistic-content"
          >
            <span
              class="ant-statistic-content-prefix"
            >
              $
            </span>
            <span
              class="ant-statistic-content-value"
            >
              <span
                class="ant-statistic-content-value-int"
              >
                3,345
              </span>
              <span
                class="ant-statistic-content-value-decimal"
              >
                .08
              </span>
            </span>
          </div>
        </div>
      </div>
    </div>
  </div>,
]
`;

exports[`renders ./components/page-header/demo/basic.md extend context correctly 1`] = `
<div
  class="ant-page-header site-page-header ant-page-header-ghost"
>
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <div
        class="ant-page-header-back"
      >
        <div
          aria-label="Back"
          class="ant-page-header-back-button"
          role="button"
          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
          tabindex="0"
        >
          <span
            aria-label="arrow-left"
            class="anticon anticon-arrow-left"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="arrow-left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
              />
            </svg>
          </span>
        </div>
      </div>
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
    </div>
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/breadcrumb.md extend context correctly 1`] = `
<div
  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
>
  <nav
    class="ant-breadcrumb"
  >
    <ol>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <a
            href="#/index"
          >
            First-level Menu
          </a>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <a
            href="#/index/first"
          >
            Second-level Menu
          </a>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <span>
            Third-level Menu
          </span>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
    </ol>
  </nav>
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
    </div>
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/content.md extend context correctly 1`] = `
<div
  class="ant-page-header site-page-header has-breadcrumb ant-page-header-ghost"
>
  <nav
    class="ant-breadcrumb"
  >
    <ol>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <a
            href="#/index"
          >
            First-level Menu
          </a>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <a
            href="#/index/first"
          >
            Second-level Menu
          </a>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
      <li>
        <span
          class="ant-breadcrumb-link"
        >
          <span>
            Third-level Menu
          </span>
        </span>
        <span
          class="ant-breadcrumb-separator"
        >
          /
        </span>
      </li>
    </ol>
  </nav>
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <span
        class="ant-avatar ant-avatar-circle ant-avatar-image"
      >
        <img
          src="https://avatars1.githubusercontent.com/u/8186664?s=460&v=4"
        />
      </span>
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
      <span
        class="ant-page-header-heading-tags"
      >
        <span
          class="ant-tag ant-tag-blue"
        >
          Running
        </span>
      </span>
    </div>
    <span
      class="ant-page-header-heading-extra"
    >
      <button
        class="ant-btn ant-btn-default"
        type="button"
      >
        <span>
          Operation
        </span>
      </button>
      <button
        class="ant-btn ant-btn-default"
        type="button"
      >
        <span>
          Operation
        </span>
      </button>
      <button
        class="ant-btn ant-btn-primary"
        type="button"
      >
        <span>
          Primary
        </span>
      </button>
      <button
        class="ant-btn ant-btn-default ant-dropdown-trigger"
        style="border:none;padding:0"
        type="button"
      >
        <span
          aria-label="ellipsis"
          class="anticon anticon-ellipsis"
          role="img"
          style="font-size:20px;vertical-align:top"
        >
          <svg
            aria-hidden="true"
            data-icon="ellipsis"
            fill="currentColor"
            focusable="false"
            height="1em"
            viewBox="64 64 896 896"
            width="1em"
          >
            <path
              d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
            />
          </svg>
        </span>
      </button>
      <div>
        <div
          class="ant-dropdown"
          style="opacity:0;pointer-events:none"
        >
          <ul
            class="ant-dropdown-menu ant-dropdown-menu-root ant-dropdown-menu-vertical ant-dropdown-menu-light"
            data-menu-list="true"
            role="menu"
            tabindex="0"
          >
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                <a
                  href="http://www.alipay.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  1st menu item
                </a>
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                <a
                  href="http://www.taobao.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  2nd menu item
                </a>
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <li
              class="ant-dropdown-menu-item ant-dropdown-menu-item-only-child"
              role="menuitem"
              tabindex="-1"
            >
              <span
                class="ant-dropdown-menu-title-content"
              >
                <a
                  href="http://www.tmall.com/"
                  rel="noopener noreferrer"
                  target="_blank"
                >
                  3rd menu item
                </a>
              </span>
            </li>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </ul>
          <div
            aria-hidden="true"
            style="display:none"
          >
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
            <div>
              <div
                class="ant-tooltip ant-dropdown-menu-inline-collapsed-tooltip"
                style="opacity:0;pointer-events:none"
              >
                <div
                  class="ant-tooltip-content"
                >
                  <div
                    class="ant-tooltip-arrow"
                  >
                    <span
                      class="ant-tooltip-arrow-content"
                    />
                  </div>
                  <div
                    class="ant-tooltip-inner"
                    role="tooltip"
                  />
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </span>
  </div>
  <div
    class="ant-page-header-content"
  >
    <div
      class="ant-row"
    >
      <div
        style="flex:1"
      >
        <div
          class="ant-typography"
        >
          Ant Design interprets the color system into two levels: a system-level color system and a product-level color system.
        </div>
        <div
          class="ant-typography"
        >
          Ant Design's design team preferred to design with the HSB color model, which makes it easier for designers to have a clear psychological expectation of color when adjusting colors, as well as facilitate communication in teams.
        </div>
        <div>
          <a
            class="example-link"
          >
            <img
              alt="Quick Start"
              class="example-link-icon"
              src="https://gw.alipayobjects.com/zos/rmsportal/MjEImQtenlyueSmVEfUD.svg"
            />
            Quick Start
          </a>
          <a
            class="example-link"
          >
            <img
              alt=" Product Info"
              class="example-link-icon"
              src="https://gw.alipayobjects.com/zos/rmsportal/NbuDUAuBlIApFuDvWiND.svg"
            />
             Product Info
          </a>
          <a
            class="example-link"
          >
            <img
              alt="Product Doc"
              class="example-link-icon"
              src="https://gw.alipayobjects.com/zos/rmsportal/ohOEPSYdDTNnyMbGuyLb.svg"
            />
            Product Doc
          </a>
        </div>
      </div>
      <div
        class="image"
      >
        <img
          alt="content"
          src="https://gw.alipayobjects.com/zos/antfincdn/K%24NnlsB%26hz/pageHeader.svg"
          width="100%"
        />
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/ghost.md extend context correctly 1`] = `
<div
  class="site-page-header-ghost-wrapper"
>
  <div
    class="ant-page-header"
  >
    <div
      class="ant-page-header-heading"
    >
      <div
        class="ant-page-header-heading-left"
      >
        <div
          class="ant-page-header-back"
        >
          <div
            aria-label="Back"
            class="ant-page-header-back-button"
            role="button"
            style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
            tabindex="0"
          >
            <span
              aria-label="arrow-left"
              class="anticon anticon-arrow-left"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="arrow-left"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
                />
              </svg>
            </span>
          </div>
        </div>
        <span
          class="ant-page-header-heading-title"
          title="Title"
        >
          Title
        </span>
        <span
          class="ant-page-header-heading-sub-title"
          title="This is a subtitle"
        >
          This is a subtitle
        </span>
      </div>
      <span
        class="ant-page-header-heading-extra"
      >
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-default"
          type="button"
        >
          <span>
            Operation
          </span>
        </button>
        <button
          class="ant-btn ant-btn-primary"
          type="button"
        >
          <span>
            Primary
          </span>
        </button>
      </span>
    </div>
    <div
      class="ant-page-header-content"
    >
      <div
        class="ant-descriptions ant-descriptions-small"
      >
        <div
          class="ant-descriptions-view"
        >
          <table>
            <tbody>
              <tr
                class="ant-descriptions-row"
              >
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Created
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      Lili Qu
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Association
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      <a>
                        421421
                      </a>
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Creation Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      2017-01-10
                    </span>
                  </div>
                </td>
              </tr>
              <tr
                class="ant-descriptions-row"
              >
                <td
                  class="ant-descriptions-item"
                  colspan="1"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Effective Time
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      2017-10-10
                    </span>
                  </div>
                </td>
                <td
                  class="ant-descriptions-item"
                  colspan="2"
                >
                  <div
                    class="ant-descriptions-item-container"
                  >
                    <span
                      class="ant-descriptions-item-label"
                    >
                      Remarks
                    </span>
                    <span
                      class="ant-descriptions-item-content"
                    >
                      Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
                    </span>
                  </div>
                </td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/page-header/demo/responsive.md extend context correctly 1`] = `
<div
  class="ant-page-header site-page-header-responsive has-footer ant-page-header-ghost"
>
  <div
    class="ant-page-header-heading"
  >
    <div
      class="ant-page-header-heading-left"
    >
      <div
        class="ant-page-header-back"
      >
        <div
          aria-label="Back"
          class="ant-page-header-back-button"
          role="button"
          style="border:0;background:transparent;padding:0;line-height:inherit;display:inline-block"
          tabindex="0"
        >
          <span
            aria-label="arrow-left"
            class="anticon anticon-arrow-left"
            role="img"
          >
            <svg
              aria-hidden="true"
              data-icon="arrow-left"
              fill="currentColor"
              focusable="false"
              height="1em"
              viewBox="64 64 896 896"
              width="1em"
            >
              <path
                d="M872 474H286.9l350.2-304c5.6-4.9 2.2-14-5.2-14h-88.5c-3.9 0-7.6 1.4-10.5 3.9L155 487.8a31.96 31.96 0 000 48.3L535.1 866c1.5 1.3 3.3 2 5.2 2h91.5c7.4 0 10.8-9.2 5.2-14L286.9 550H872c4.4 0 8-3.6 8-8v-60c0-4.4-3.6-8-8-8z"
              />
            </svg>
          </span>
        </div>
      </div>
      <span
        class="ant-page-header-heading-title"
        title="Title"
      >
        Title
      </span>
      <span
        class="ant-page-header-heading-sub-title"
        title="This is a subtitle"
      >
        This is a subtitle
      </span>
    </div>
    <span
      class="ant-page-header-heading-extra"
    >
      <button
        class="ant-btn ant-btn-default"
        type="button"
      >
        <span>
          Operation
        </span>
      </button>
      <button
        class="ant-btn ant-btn-default"
        type="button"
      >
        <span>
          Operation
        </span>
      </button>
      <button
        class="ant-btn ant-btn-primary"
        type="button"
      >
        <span>
          Primary
        </span>
      </button>
    </span>
  </div>
  <div
    class="ant-page-header-content"
  >
    <div
      class="content"
    >
      <div
        class="main"
      >
        <div
          class="ant-descriptions ant-descriptions-small"
        >
          <div
            class="ant-descriptions-view"
          >
            <table>
              <tbody>
                <tr
                  class="ant-descriptions-row"
                >
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Created
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        Lili Qu
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Association
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        <a>
                          421421
                        </a>
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-descriptions-row"
                >
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Creation Time
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        2017-01-10
                      </span>
                    </div>
                  </td>
                  <td
                    class="ant-descriptions-item"
                    colspan="1"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Effective Time
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        2017-10-10
                      </span>
                    </div>
                  </td>
                </tr>
                <tr
                  class="ant-descriptions-row"
                >
                  <td
                    class="ant-descriptions-item"
                    colspan="2"
                  >
                    <div
                      class="ant-descriptions-item-container"
                    >
                      <span
                        class="ant-descriptions-item-label"
                      >
                        Remarks
                      </span>
                      <span
                        class="ant-descriptions-item-content"
                      >
                        Gonghu Road, Xihu District, Hangzhou, Zhejiang, China
                      </span>
                    </div>
                  </td>
                </tr>
              </tbody>
            </table>
          </div>
        </div>
      </div>
      <div
        class="extra"
      >
        <div
          style="display:flex;width:max-content;justify-content:flex-end"
        >
          <div
            class="ant-statistic"
            style="margin-right:32px"
          >
            <div
              class="ant-statistic-title"
            >
              Status
            </div>
            <div
              class="ant-statistic-content"
            >
              <span
                class="ant-statistic-content-value"
              >
                Pending
              </span>
            </div>
          </div>
          <div
            class="ant-statistic"
          >
            <div
              class="ant-statistic-title"
            >
              Price
            </div>
            <div
              class="ant-statistic-content"
            >
              <span
                class="ant-statistic-content-prefix"
              >
                $
              </span>
              <span
                class="ant-statistic-content-value"
              >
                <span
                  class="ant-statistic-content-value-int"
                >
                  568
                </span>
                <span
                  class="ant-statistic-content-value-decimal"
                >
                  .08
                </span>
              </span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div
    class="ant-page-header-footer"
  >
    <div
      class="ant-tabs ant-tabs-top"
    >
      <div
        class="ant-tabs-nav"
        role="tablist"
      >
        <div
          class="ant-tabs-nav-wrap"
        >
          <div
            class="ant-tabs-nav-list"
            style="transform:translate(0px, 0px)"
          >
            <div
              class="ant-tabs-tab ant-tabs-tab-active"
            >
              <div
                aria-selected="true"
                class="ant-tabs-tab-btn"
                role="tab"
                tabindex="0"
              >
                Details
              </div>
            </div>
            <div
              class="ant-tabs-tab"
            >
              <div
                aria-selected="false"
                class="ant-tabs-tab-btn"
                role="tab"
                tabindex="0"
              >
                Rule
              </div>
            </div>
            <div
              class="ant-tabs-ink-bar ant-tabs-ink-bar-animated"
            />
          </div>
        </div>
        <div
          class="ant-tabs-nav-operations ant-tabs-nav-operations-hidden"
        >
          <button
            aria-controls="null-more-popup"
            aria-expanded="false"
            aria-haspopup="listbox"
            aria-hidden="true"
            class="ant-tabs-nav-more"
            id="null-more"
            style="visibility:hidden;order:1"
            tabindex="-1"
            type="button"
          >
            <span
              aria-label="ellipsis"
              class="anticon anticon-ellipsis"
              role="img"
            >
              <svg
                aria-hidden="true"
                data-icon="ellipsis"
                fill="currentColor"
                focusable="false"
                height="1em"
                viewBox="64 64 896 896"
                width="1em"
              >
                <path
                  d="M176 511a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0zm280 0a56 56 0 10112 0 56 56 0 10-112 0z"
                />
              </svg>
            </span>
          </button>
          <div>
            <div
              class="ant-tabs-dropdown"
              style="opacity:0;pointer-events:none"
            >
              <ul
                aria-label="expanded dropdown"
                class="ant-tabs-dropdown-menu ant-tabs-dropdown-menu-root ant-tabs-dropdown-menu-vertical"
                data-menu-list="true"
                id="null-more-popup"
                role="listbox"
                tabindex="-1"
              />
              <div
                aria-hidden="true"
                style="display:none"
              />
            </div>
          </div>
        </div>
      </div>
      <div
        class="ant-tabs-content-holder"
      >
        <div
          class="ant-tabs-content ant-tabs-content-top"
        >
          <div
            aria-hidden="false"
            class="ant-tabs-tabpane ant-tabs-tabpane-active"
            role="tabpanel"
            tabindex="0"
          />
          <div
            aria-hidden="true"
            class="ant-tabs-tabpane"
            role="tabpanel"
            style="display:none"
            tabindex="-1"
          />
        </div>
      </div>
    </div>
  </div>
</div>
`;
