ToolBarMenuOptions.tsx

import * as React from 'react';
import { TooltipLinkList } from '@storybook/components';
import { OPT_OUT } from '../../shared/constants';
import { FCNoChildren } from '../../shared/types.d';

type ToolBarMenuOptions = FCNoChildren<{
  activeName: string;
  list: string[];
  onSelectOption: (name: string) => () => void;
}>;

export const ToolBarMenuOptions: ToolBarMenuOptions = ({ activeName, list, onSelectOption }) => (
  <TooltipLinkList
    links={list.map(name => ({
      key: name,
      id: name,
      title: name !== OPT_OUT ? name : 'Off',
      active: name === activeName,
      onClick: onSelectOption(name),
    }))}
  />
);