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

exports[`renders ./components/layout/demo/basic.md correctly 1`] = `
<div id="components-layout-demo-basic">
  <div class="ant-layout">
    <div class="ant-layout-header">Header</div>
    <div class="ant-layout-content">Content</div>
    <div class="ant-layout-footer">Footer</div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-header">Header</div>
    <div class="ant-layout">
      <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
        <div class="ant-layout-sider-children">Sider</div>
      </div>
      <div class="ant-layout-content">Content</div>
    </div>
    <div class="ant-layout-footer">Footer</div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-header">Header</div>
    <div class="ant-layout">
      <div class="ant-layout-content">Content</div>
      <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
        <div class="ant-layout-sider-children">Sider</div>
      </div>
    </div>
    <div class="ant-layout-footer">Footer</div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
      <div class="ant-layout-sider-children">Sider</div>
    </div>
    <div class="ant-layout">
      <div class="ant-layout-header">Header</div>
      <div class="ant-layout-content">Content</div>
      <div class="ant-layout-footer">Footer</div>
    </div>
  </div>
</div>
`;

exports[`renders ./components/layout/demo/custom-trigger.md correctly 1`] = `
<div id="components-layout-demo-custom-trigger" class="ant-layout">
  <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
    <div class="ant-layout-sider-children">
      <div class="logo"></div>
      <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-dark">
        <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
          <i class="anticon anticon-user"></i> <span>nav 1</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-video-camera"></i> <span>nav 2</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-upload"></i> <span>nav 3</span></li>
      </ul>
    </div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-header" style="background:#fff;padding:0;">
      <i class="trigger anticon anticon-menu-fold"></i>
    </div>
    <div class="ant-layout-content" style="margin:24px 16px;padding:24px;background:#fff;min-height:280px;">
      Content
    </div>
  </div>
</div>
`;

exports[`renders ./components/layout/demo/fixed.md correctly 1`] = `
<div id="components-layout-demo-fixed" class="ant-layout">
  <div class="ant-layout-header" style="position:fixed;width:100%;">
    <div class="logo"></div>
    <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
      <li role="menuitem" class="ant-menu-item">nav 1</li>
      <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
      <li role="menuitem" class="ant-menu-item">nav 3</li>
    </ul>
  </div>
  <div class="ant-layout-content" style="padding:0 50px;margin-top:64px;">
    <div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
      <span
        class="ant-breadcrumb-separator">/</span>
        </span>
    </div>
    <div style="background:#fff;padding:24px;min-height:380px;">Content</div>
  </div>
  <div class="ant-layout-footer" style="text-align:center;">
    Ant Design ©2016 Created by Ant UED
  </div>
</div>
`;

exports[`renders ./components/layout/demo/fixed-sider.md correctly 1`] = `
<div id="components-layout-demo-fixed-sider" class="ant-layout">
  <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;overflow:auto;height:100vh;position:fixed;left:0;">
    <div class="ant-layout-sider-children">
      <div class="logo"></div>
      <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-dark">
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
        <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
          <i class="anticon anticon-bar-chart"></i> <span class="nav-text">nav 4</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-cloud-o"></i> <span class="nav-text">nav 5</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-appstore-o"></i> <span class="nav-text">nav 6</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-team"></i> <span class="nav-text">nav 7</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-shop"></i> <span class="nav-text">nav 8</span></li>
      </ul>
    </div>
  </div>
  <div class="ant-layout" style="margin-left:200px;">
    <div class="ant-layout-header" style="background:#fff;padding:0;"></div>
    <div class="ant-layout-content" style="margin:24px 16px 0;overflow:initial;">
      <div style="padding:24px;background:#fff;text-align:center;">
        ...
        <br> Really
        <br>...
        <br>...
        <br>...
        <br> long
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br>...
        <br> content
      </div>
    </div>
    <div class="ant-layout-footer" style="text-align:center;">
      Ant Design ©2016 Created by Ant UED
    </div>
  </div>
</div>
`;

exports[`renders ./components/layout/demo/responsive.md correctly 1`] = `
<div id="components-layout-demo-responsive" class="ant-layout">
  <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
    <div class="ant-layout-sider-children">
      <div class="logo"></div>
      <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-dark">
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-user"></i> <span class="nav-text">nav 1</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-video-camera"></i> <span class="nav-text">nav 2</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-upload"></i> <span class="nav-text">nav 3</span></li>
        <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
          <i class="anticon anticon-user"></i> <span class="nav-text">nav 4</span></li>
      </ul>
    </div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-header" style="background:#fff;padding:0;"></div>
    <div class="ant-layout-content" style="margin:24px 16px 0;">
      <div style="padding:24px;background:#fff;min-height:360px;">
        content
      </div>
    </div>
    <div class="ant-layout-footer" style="text-align:center;">
      Ant Design ©2016 Created by Ant UED
    </div>
  </div>
</div>
`;

exports[`renders ./components/layout/demo/side.md correctly 1`] = `
<div id="components-layout-demo-side" class="ant-layout" style="min-height:100vh;">
  <div class="ant-layout-sider ant-layout-sider-has-trigger" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;">
    <div class="ant-layout-sider-children">
      <div class="logo"></div>
      <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-dark">
        <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:24px;">
          <i class="anticon anticon-pie-chart"></i> <span>Option 1</span></li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-desktop"></i> <span>Option 2</span></li>
        <li class="ant-menu-submenu ant-menu-submenu-inline">
          <div aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i><span>User</span></span>
            <i class="ant-menu-submenu-arrow"></i>
          </div>
          <!---->
        </li>
        <li class="ant-menu-submenu ant-menu-submenu-inline">
          <div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-team"></i><span>Team</span></span>
            <i class="ant-menu-submenu-arrow"></i>
          </div>
          <!---->
        </li>
        <li role="menuitem" class="ant-menu-item" style="padding-left:24px;">
          <i class="anticon anticon-file"></i> <span>File</span></li>
      </ul>
    </div>
    <div class="ant-layout-sider-trigger" style="width:200px;">
      <i class="anticon anticon-left"></i>
    </div>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-header" style="background:#fff;padding:0;"></div>
    <div class="ant-layout-content" style="margin:0 16px;">
      <div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">User</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">Bill</span><span class="ant-breadcrumb-separator">/</span></span>
      </div>
      <div style="padding:24px;background:#fff;min-height:360px;">
        Bill is a cat.
      </div>
    </div>
    <div class="ant-layout-footer" style="text-align:center;">
      Ant Design ©2016 Created by Ant UED
    </div>
  </div>
</div>
`;

exports[`renders ./components/layout/demo/top.md correctly 1`] = `
<div id="components-layout-demo-top" class="layout ant-layout">
  <div class="ant-layout-header">
    <div class="logo"></div>
    <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
      <li role="menuitem" class="ant-menu-item">nav 1</li>
      <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
      <li role="menuitem" class="ant-menu-item">nav 3</li>
    </ul>
  </div>
  <div class="ant-layout-content" style="padding:0 50px;">
    <div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
      <span
        class="ant-breadcrumb-separator">/</span>
        </span>
    </div>
    <div style="background:#fff;padding:24px;min-height:280px;">Content</div>
  </div>
  <div class="ant-layout-footer" style="text-align:center;">
    Ant Design ©2016 Created by Ant UED
  </div>
</div>
`;

exports[`renders ./components/layout/demo/top-side.md correctly 1`] = `
<div id="components-layout-demo-top-side" class="ant-layout">
  <div class="header ant-layout-header">
    <div class="logo"></div>
    <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
      <li role="menuitem" class="ant-menu-item">nav 1</li>
      <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
      <li role="menuitem" class="ant-menu-item">nav 3</li>
    </ul>
  </div>
  <div class="ant-layout-content" style="padding:0 50px;">
    <div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
      <span
        class="ant-breadcrumb-separator">/</span>
        </span>
    </div>
    <div class="ant-layout" style="padding:24px 0;background:#fff;">
      <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;">
        <div class="ant-layout-sider-children">
          <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;">
            <li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
              <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i>subnav 1</span>
                <i class="ant-menu-submenu-arrow"></i>
              </div>
              <ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
                <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:48px;">option1</li>
                <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option2</li>
                <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li>
                <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li>
              </ul>
            </li>
            <li class="ant-menu-submenu ant-menu-submenu-inline">
              <div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
                <i class="ant-menu-submenu-arrow"></i>
              </div>
              <!---->
            </li>
            <li class="ant-menu-submenu ant-menu-submenu-inline">
              <div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
                <i class="ant-menu-submenu-arrow"></i>
              </div>
              <!---->
            </li>
          </ul>
        </div>
      </div>
      <div class="ant-layout-content" style="padding:0 24px;min-height:280px;">
        Content
      </div>
    </div>
  </div>
  <div class="ant-layout-footer" style="text-align:center;">
    Ant Design ©2016 Created by Ant UED
  </div>
</div>
`;

exports[`renders ./components/layout/demo/top-side-2.md correctly 1`] = `
<div id="components-layout-demo-top-side-2" class="ant-layout">
  <div class="header ant-layout-header">
    <div class="logo"></div>
    <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-horizontal ant-menu-dark" style="line-height:64px;">
      <li role="menuitem" class="ant-menu-item">nav 1</li>
      <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected">nav 2</li>
      <li role="menuitem" class="ant-menu-item">nav 3</li>
    </ul>
  </div>
  <div class="ant-layout">
    <div class="ant-layout-sider" style="flex:0 0 200px;max-width:200px;min-width:200px;width:200px;background:#fff;">
      <div class="ant-layout-sider-children">
        <ul role="menu" aria-activedescendant="" tabIndex="0" class="ant-menu  ant-menu-root ant-menu-inline ant-menu-light" style="height:100%;border-right:0;">
          <li class="ant-menu-submenu ant-menu-submenu-inline ant-menu-submenu-open ant-menu-submenu-selected">
            <div aria-expanded="true" aria-owns="sub1$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-user"></i>subnav 1</span>
              <i class="ant-menu-submenu-arrow"></i>
            </div>
            <ul role="menu" aria-activedescendant="" class="ant-menu ant-menu-sub ant-menu-inline">
              <li role="menuitem" aria-selected="true" class="ant-menu-item ant-menu-item-selected" style="padding-left:48px;">option1</li>
              <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option2</li>
              <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option3</li>
              <li role="menuitem" class="ant-menu-item" style="padding-left:48px;">option4</li>
            </ul>
          </li>
          <li class="ant-menu-submenu ant-menu-submenu-inline">
            <div aria-owns="sub2$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-laptop"></i>subnav 2</span>
              <i class="ant-menu-submenu-arrow"></i>
            </div>
            <!---->
          </li>
          <li class="ant-menu-submenu ant-menu-submenu-inline">
            <div aria-owns="sub3$Menu" aria-haspopup="true" class="ant-menu-submenu-title" style="padding-left:24px;"><span><i class="anticon anticon-notification"></i>subnav 3</span>
              <i class="ant-menu-submenu-arrow"></i>
            </div>
            <!---->
          </li>
        </ul>
      </div>
    </div>
    <div class="ant-layout" style="padding:0 24px 24px;">
      <div class="ant-breadcrumb" style="margin:16px 0;"><span><span class="ant-breadcrumb-link">Home</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">List</span><span class="ant-breadcrumb-separator">/</span></span><span><span class="ant-breadcrumb-link">App</span>
        <span
          class="ant-breadcrumb-separator">/</span>
          </span>
      </div>
      <div class="ant-layout-content" style="background:#fff;padding:24px;margin:0;min-height:280px;">
        Content
      </div>
    </div>
  </div>
</div>
`;