import React from 'react';
import { storiesOf } from '@storybook/react';
import { action } from '@storybook/addon-actions';

import AccordionMenuList from './AccordionMenuList';

const menuItems = [
  {
    id: 'Test 1',
    title: 'Test 1',
    items: [
      {
        id: 'item 1',
        content: 'item 1',
        onClick: action('item 1'),
      },
      {
        id: 'item 2',
        content: 'item 2',
        onClick: action('item 2'),
      },
    ],
  },
  {
    id: 'Test 2',
    title: 'Test 2',
    items: [
      {
        id: 'item 1',
        content: 'item 1',
        onClick: action('item 1'),
      },
      {
        id: 'item 2',
        content: 'item 2',
        onClick: action('item 2'),
      },
    ],
  },
];

storiesOf('AccordionMenuList', module).add('base', () => (
  <div style={{ background: 'rgb(250,251,252)', padding: 20 }}>
    <AccordionMenuList menuItems={menuItems} />
  </div>
));
