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

exports[`Render should render component 1`] = `
<TopSectionItem
  link={
    Object {
      "icon": "cloud",
      "text": "Hello",
      "url": "/asd",
    }
  }
>
  <div
    className="sidemenu-item dropdown"
  >
    <a
      className="sidemenu-link"
      href="/asd"
    >
      <span
        className="icon-circle sidemenu-icon"
      >
        <Icon
          name="cloud"
          size="xl"
        >
          <div
            className="css-1vzus6i-Icon"
          >
            <ni
              className="css-sr6nr"
              color="currentColor"
              size={24}
            >
              <svg
                className="css-sr6nr"
                fill="currentColor"
                height={24}
                viewBox="0 0 24 24"
                width={24}
                xmlns="http://www.w3.org/2000/svg"
              >
                <path
                  d="M18.42,9.21a7,7,0,0,0-13.36,1.9A4,4,0,0,0,6,19H17a5,5,0,0,0,1.42-9.79ZM17,17H6a2,2,0,0,1,0-4,1,1,0,0,0,1-1,5,5,0,0,1,9.73-1.61,1,1,0,0,0,.78.66A3,3,0,0,1,17,17Z"
                />
              </svg>
            </ni>
          </div>
        </Icon>
      </span>
    </a>
    <SideMenuDropDown
      link={
        Object {
          "icon": "cloud",
          "text": "Hello",
          "url": "/asd",
        }
      }
    >
      <ul
        className="dropdown-menu dropdown-menu--sidemenu"
        role="menu"
      >
        <li
          className="side-menu-header"
        >
          <a
            className="side-menu-header-link"
            href="/asd"
          >
            <span
              className="sidemenu-item-text"
            >
              Hello
            </span>
          </a>
        </li>
      </ul>
    </SideMenuDropDown>
  </div>
</TopSectionItem>
`;
