// @flow
import React from 'react'
import { MenuItemWrapper, MenuItemButton } from './Wrappers'

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

const MenuItem = ({ active, onClick, label }: MenuItemT) => (
  <MenuItemWrapper active={active} float="left">
    <MenuItemButton active={active} onClick={onClick}>
      {label}
    </MenuItemButton>
  </MenuItemWrapper>
)

export default MenuItem
