```jsx
import { Box, Flex, Input, Select } from '@ui/components/';
import MenuDivider from '@ui/components/Menu/Divider';
import MenuHeader from '@ui/components/Menu/Header';
import MenuItem from '@ui/components/Menu/Item';

const options = [
  { label: 'Choose Language', disabled: true, value: '' },
  { label: 'cURL', value: 'cURL' },
  { label: 'Node.js', value: 'Node.js' },
];

<Flex justify="around">
  <Box bem={[['pop']]} style={{ padding: 0 }}>
    <Menu>
      <MenuItem icon="fa fa-folder-open">
        Move to…
        <Menu>
          <MenuItem>
            Landing Page
            <Menu>
              <MenuItem>Getting Started</MenuItem>
              <MenuItem>General</MenuItem>
              <MenuItem>General Settings</MenuItem>
              <MenuItem>Appearance</MenuItem>
              <MenuItem>Documentation</MenuItem>
            </Menu>
          </MenuItem>
          <MenuItem>
            Guides
            <Menu>
              <MenuItem>Getting Started</MenuItem>
              <MenuItem>General</MenuItem>
              <MenuItem>General Settings</MenuItem>
              <MenuItem>Appearance</MenuItem>
              <MenuItem>Documentation</MenuItem>
            </Menu>
          </MenuItem>
        </Menu>
      </MenuItem>
      <MenuItem icon="fa fa-pencil-alt">Rename</MenuItem>
      <MenuDivider />
      <MenuItem color="red" icon="fa fa-ban" onClick={() => confirm('Delete?')}>Delete</MenuItem>
    </Menu>
  </Box>

  <Box bem={[['pop']]} style={{ padding: 0 }}>
    <Menu>
      <MenuItem TagName="div">
        <Input placeholder="Tab Name" size="sm" />
      </MenuItem>
      <MenuItem TagName="div">
        <Select options={options} size="sm" />
      </MenuItem>
      <MenuDivider />
      <MenuItem color="blue">Upload</MenuItem>
    </Menu>
  </Box>

  <Box bem={[['pop']]} style={{ padding: 0 }}>
    <Menu>
      <MenuHeader>Current - Supply API 1.0</MenuHeader>
      <MenuItem color="red" disabled>Clear Selection</MenuItem>
      <MenuDivider />
      <MenuHeader>API Definitions</MenuHeader>
      <MenuItem openAt="left">
        Authentication API 1.0
        <Menu>
          <MenuItem>Login</MenuItem>
          <MenuItem openAt="left">
            Multi-factor Auth
            <Menu>
              <MenuItem>Challenge Request</MenuItem>
              <MenuItem>Verify with OTP</MenuItem>
              <MenuItem>Add an Authenticator</MenuItem>
          </Menu>
          </MenuItem>
        </Menu>
      </MenuItem>
      <MenuItem>OAuth 2.0</MenuItem>
      <MenuItem>Quotes API 1.0</MenuItem>
      <MenuItem>Bookings API 1.0</MenuItem>
      <MenuItem>Fares API 1.0</MenuItem>
      <MenuItem>Locations API 1.0</MenuItem>
      <MenuItem>Supply API 1.0</MenuItem>
    </Menu>
  </Box>
</Flex>
```
