export function ActionsStory()

in src/stories/ActionMenu2/fixtures.stories.tsx [51:88]


export function ActionsStory(): JSX.Element {
  return (
    <>
      <h1>Actions</h1>

      <ActionMenu>
        <ActionMenu.Button aria-label="Open Actions Menu" trailingIcon={null}>
          <ServerIcon />
        </ActionMenu.Button>
        <ActionMenu.Overlay width="medium">
          <ActionList>
            <ActionList.Item>
              <ActionList.LeadingVisual>
                <ServerIcon />
              </ActionList.LeadingVisual>
              Open current Codespace
              <ActionList.Description variant="block">
                Your existing Codespace will be opened to its previous state, and you&apos;ll be asked to manually
                switch to new-branch.
              </ActionList.Description>
              <ActionList.TrailingVisual>⌘O</ActionList.TrailingVisual>
            </ActionList.Item>
            <ActionList.Item>
              <ActionList.LeadingVisual>
                <PlusCircleIcon />
              </ActionList.LeadingVisual>
              Create new Codespace
              <ActionList.Description variant="block">
                Create a brand new Codespace with a fresh image and checkout this branch.
              </ActionList.Description>
              <ActionList.TrailingVisual>⌘C</ActionList.TrailingVisual>
            </ActionList.Item>
          </ActionList>
        </ActionMenu.Overlay>
      </ActionMenu>
    </>
  )
}