content: import React from 'react'
  import { Menu, MenuItem, MenuDivider, Button } from 'styled-mdl'
  import More from 'react-icons/lib/md/more-vert'
  
  import { Container, Bar, Bg } from './styled'
  
  const demo = () => (
    <Container align="right">
      <Bg />
      <Bar>
        <Menu
          topRight
          control={
            <Button icon>
              <More />
            </Button>
          }
        >
          <MenuItem>Some Action</MenuItem>
          <MenuItem>Another Action</MenuItem>
          <MenuDivider />
          <MenuItem disabled>Disabled Action</MenuItem>
          <MenuItem>Yet another action</MenuItem>
        </Menu>
      </Bar>
    </Container>
  )
  
  const caption = 'Upper Right'
  const code = `<Menu topRight control={<Button icon><More /></Button>}>
    <MenuItem>Some Action</MenuItem>
    <MenuItem>Another Action</MenuItem>
    <MenuDivider />
    <MenuItem disabled>Disabled Action</MenuItem>
    <MenuItem>Yet another action</MenuItem>
  </Menu>`
  
  export default { demo, caption, code }
  