You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
504 B
31 lines
504 B
6 years ago
|
import React from 'react'
|
||
|
|
import system from '@rebass/components'
|
||
|
|
import styled from 'styled-components'
|
||
|
|
import MenuBase from 'rc-menu'
|
||
|
|
|
||
|
|
const SystemMenu = system(
|
||
|
|
{
|
||
|
|
extend: MenuBase,
|
||
|
|
mb: 2,
|
||
|
|
p: 0
|
||
|
|
},
|
||
|
|
'space'
|
||
|
|
)
|
||
|
|
|
||
|
|
const StyledMenu = styled(SystemMenu)`
|
||
|
|
outline: none;
|
||
|
|
`
|
||
|
|
|
||
|
|
/**
|
||
|
|
* @render react
|
||
|
|
* @name Menu
|
||
|
|
* @example
|
||
|
|
* <Menu>
|
||
|
|
<MenuItem>Menu item 1</MenuItem>
|
||
|
|
<MenuItem>Menu item 2</MenuItem>
|
||
|
|
</Menu>
|
||
|
|
*/
|
||
|
|
const Menu = props => <StyledMenu {...props} />
|
||
|
|
|
||
|
|
export default Menu
|