import React from 'react';
import { Menu, MenuItem, Divider, IconButton, Icon } from '@native-base/v3';

export default function () {
  return (
    <Menu
      trigger={(triggerProps: any) => {
        return (
          <IconButton icon={<Icon name="menu" />} {...triggerProps} bg="teal.2">
            Show Menu
          </IconButton>
        );
      }}
    >
      <MenuItem disabled>Menu item 1</MenuItem>
      <MenuItem>Menu item 2</MenuItem>
      <MenuItem disabled>Menu item 3</MenuItem>
      <Divider />
      <MenuItem>Menu item 4</MenuItem>
    </Menu>
  );
}
