Menu

    <MenuCard maxWidth={30}>
      <MenuItem isActive>First</MenuItem>
      <MenuItem>Second</MenuItem>
      <MenuItem>Third</MenuItem>
    </MenuCard>
  

    <>
      <MenuItem isActive>First</MenuItem>
      <MenuItem isSelected>Second</MenuItem>
      <MenuItem>Third</MenuItem>
      <br />
      <MenuItem icon={<IconShare />}>Share</MenuItem>
      <MenuItem icon={<IconFolder />}>Move</MenuItem>
      <MenuItem icon={<IconTrash />} variant="danger">Delete</MenuItem>
    </>
  

    () => {
      const [isOpen, setIsOpen] = useState(false)
      return (
        <>
          <Button onClick={() => setIsOpen(!isOpen)}>Trigger</Button>
          <MenuCardTransition show={isOpen}>
            <div>Menu</div>
          </MenuCardTransition>
        </>
      )
    }