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

exports[`component.UI.Menu should render correctly 1`] = `
.c0 {
  margin-bottom: 8px;
  padding: 0px;
  outline: none;
}

.c2 {
  padding-top: 8px;
  padding-bottom: 8px;
  list-style-type: none;
}

.c2.rc-menu-item-active {
  color: #fd9800;
  cursor: pointer;
}

.c2.rc-menu-item-selected {
  color: #fd9800;
}

.c1 {
  margin-bottom: 16px;
  list-style-type: none;
}

.c1 > .rc-menu-item-group-title {
  font-weight: 400;
  padding: 8px 0;
}

.c1 > .rc-menu-item-group-list {
  padding: 0;
}

<ul
  className="rc-menu c0 rc-menu-root rc-menu-vertical"
  mb={2}
  onKeyDown={[Function]}
  p={0}
  role="menu"
  style={Object {}}
  tabIndex="0"
>
  <li
    className="c1 rc-menu-item-group"
    mb={3}
  >
    <div
      className="rc-menu-item-group-title"
      title="My Items"
    >
      My Items
    </div>
    <ul
      className="rc-menu-item-group-list"
    >
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        My item 1
      </li>
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        My item 2
      </li>
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        My item 3
      </li>
    </ul>
  </li>
  <li
    className="c1 rc-menu-item-group"
    mb={3}
  >
    <div
      className="rc-menu-item-group-title"
      title="Other items"
    >
      Other items
    </div>
    <ul
      className="rc-menu-item-group-list"
    >
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        Other item 1
      </li>
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        Other item 2
      </li>
      <li
        className="rc-menu-item c2"
        onClick={[Function]}
        onMouseEnter={[Function]}
        onMouseLeave={[Function]}
        py={2}
        role="menuitem"
        style={Object {}}
      >
        Other item 3
      </li>
    </ul>
  </li>
</ul>
`;