() => {
  const [isVisible, setVisible] = React.useState(false);
  return (
    <>
      <Menu
        text="open menu"
        id="id-test"
        isVisible={isVisible}
        onClick={() => setVisible(!isVisible)}
      >
        <MenuGroup id="id-test" isVisible={!isVisible}>
          <MenuItem>
            <MenuItemButton>im item</MenuItemButton>
          </MenuItem>
        </MenuGroup>
      </Menu>
    </>
  );
};