export function SimpleListStory()

in src/stories/ActionMenu.stories.tsx [87:118]

32 lines of code
2 McCabe index (conditional complexity)


export function SimpleListStory(): JSX.Element {
  const [option, setOption] = useState('Select an option')
  const onAction = (itemProps: ItemProps) => {
    setOption(itemProps.text || '')
  }
  return (
    <>
      <h1>Simple List</h1>
      <h2>Last option activated: {option}</h2>
      <ErsatzOverlay>
        <ActionMenu
          onAction={onAction}
          anchorContent="Menu"
          overlayProps={{
            'data-test-id': 'some_test_id'
          }}
          items={[
            {text: 'New file', trailingText: '⌘O', disabled: true, leadingVisual: ProjectIcon},
            ActionList.Divider,
            {text: 'Copy link', trailingText: 'ctrl+C'},
            {text: 'Edit file', trailingText: '⌘E'},
            {
              text: 'Delete file',
              variant: 'danger',
              trailingText: '⌘D'
            }
          ]}
        />
      </ErsatzOverlay>
    </>
  )
}