export function MemexIteration()

in src/stories/DropdownMenu2/fixtures.stories.tsx [103:128]

• 24 lines of code
• 3 McCabe index (conditional complexity)

export function MemexIteration(): JSX.Element {
  const [duration, setDuration] = React.useState(1)

  return (
    <>
      <h1>Memex Iteration Menu</h1>

      <DropdownMenu>
        <DropdownMenu.Button
          variant="invisible"
          sx={{
            fontWeight: 'normal',
            color: 'fg.muted',
            ':hover, :focus': {background: 'none !important', color: 'accent.fg'}
          }}
          aria-label="Select iteration duration"
        >
          {duration} {duration > 1 ? 'weeks' : 'week'}
        </DropdownMenu.Button>
        <DropdownMenu.Overlay width="medium">
          <ActionList>
            {[1, 2, 3, 4, 5, 6].map(weeks => (
              <ActionList.Item key={weeks} selected={duration === weeks} onSelect={() => setDuration(weeks)}>
                {weeks} {weeks > 1 ? 'weeks' : 'week'}
              </ActionList.Item>
            ))}