import {createSecondaryMenu} from "./SecondaryMenuComponent";

export default {
  title: 'Atoms/SecondaryMenu',
  parameters: {
    layout: 'fullsize',
  },
  args: {
    secondaryLinks: ['Über uns', 'Presse', 'Newsletter'],
    languageLinks: ['CZ', 'EN'],
    iconLinks: [
      {
        iconClass: 'sign-language',
        label: 'Zeichensprache',
      },
      {
        iconClass: 'simple-language',
        label: 'Einfach Sprache',
      },
      {
        iconClass: 'login',
        label: 'Einloggen',
      }
    ]
  },
  argTypes: {
    secondaryLinks: {
      name: 'Sekundäre Links',
    },
    languageLinks: {
      name: 'Sprachen',
    },
    iconLinks: {
      name: 'Icon-Menü',
    }
  }
}

const Template = ({...args}) => {
  return createSecondaryMenu({...args});
};

export const SecondaryMenu = Template.bind({});
SecondaryMenu.args = {};