import NavigationOption from '../navigationOption';

import NavigationOptionsList from '.';

/**
 * > ⚠️ This component is **deprecated** and superseded by the [List](?path=/docs/content-list--docs), [new ListItem component](?path=/docs/content-listitem--docs) with the [ListItem.Navigation control](?path=/docs/content-listitem-listitem-navigation--docs).
 */
export default {
  component: NavigationOptionsList,
  title: 'Option/NavigationOptionsList',
  tags: ['deprecated'],
};

export const Basic = () => {
  return (
    <NavigationOptionsList>
      <NavigationOption id="navigation-option" name="navigation-option" title="Option One" />
      <NavigationOption id="navigation-option" name="navigation-option" title="Option Two" />
    </NavigationOptionsList>
  );
};