ActionMenu

import { ActionMenu, ActionMenuItem } from '@arctic-kit/snow';

function Demo() {
  return (
    <ActionMenu itemSize="medium" variant="outlined" label="Edit">
      <ActionMenuItem label='Undo' onClick={() => console.log('Undo')} />
      <ActionMenuItem label='Redo' disabled />
      <ActionMenuItem label='Cut' />
      <ActionMenu label='Copy as' color='success'>
        <ActionMenuItem label='Text' />
        <ActionMenuItem label='Video' />
        <ActionMenu label='Image'>
          <ActionMenuItem label='.png' />
          <ActionMenuItem label='.jpg' />
          <ActionMenuItem label='.svg' />
          <ActionMenuItem label='.gif' />
        </ActionMenu>
        <ActionMenuItem label='Audio' />
      </ActionMenu>
      <ActionMenu label='Share'>
        <ActionMenuItem label='Mail' />
        <ActionMenuItem label='Instagram' />
      </ActionMenu>
      <ActionMenuItem label='Delete' color='error' />
    </ActionMenu>
  );
}