// @flow
import React from 'react'
import { WrapperMenuItem, MenuItem } from './Wrappers'

export type MenuItemComponentProps = {
  active: boolean,
  onClick: Function,
  label: string
}

const MenuItemComponent = ({
  active,
  onClick,
  label
}: MenuItemComponentProps) => (
  <WrapperMenuItem active={active} float="left">
    <MenuItem onClick={onClick}>{label}</MenuItem>
  </WrapperMenuItem>
)

export default MenuItemComponent
