Menu

import { useState } from 'react';
import {
  Button,
  MenuContent,
  MenuItem,
  MenuLabel,
  MenuRadioGroup,
  MenuRadioItem,
  MenuRoot,
  MenuSeparator,
  MenuTrigger,
  toast,
} from '@andrewbehma/glass-ui';

function Example() {
  const [sort, setSort] = useState('updated');
  return (
    <MenuRoot>
      <MenuTrigger asChild>
        <Button>Actions</Button>
      </MenuTrigger>
      <MenuContent>
          <MenuItem onSelect={() => toast('Renamed')}>Rename</MenuItem>
          <MenuItem onSelect={() => toast('Duplicated')}>Duplicate</MenuItem>
          <MenuSeparator />
          <MenuLabel>Sort by</MenuLabel>
          <MenuRadioGroup value={sort} onValueChange={setSort}>
            <MenuRadioItem value="updated">Last updated</MenuRadioItem>
            <MenuRadioItem value="name">Name</MenuRadioItem>
          </MenuRadioGroup>
          <MenuSeparator />
          <MenuItem tone="danger" onSelect={() => toast.error('Archived')}>Archive</MenuItem>
      </MenuContent>
    </MenuRoot>
  );
}