import docs from "./pn-site-selector-docs.json";

export default {
  title: 'Components/Navigation/Site Selector',
  parameters: {
    notes: docs,
  },
};

// export const regular = () => {
//   // Storybook Knobs ------------------------------------------//
//   const language = select("Language", {
//     'Enlish':'en',
//     'Swedish': 'sv',
//     'Danish': 'da',
//     'Finnish': 'fi',
//     'Norwegian': 'no'
//   }, 'sv');
//   // --------------------------------------------------------- //
const Template = ({ ...args }) => {
  return `
  <pn-site-selector buttontext="${args.buttontext}" heading="${args.heading}">
    <pn-site-selector-item heading="postnord.se" description="Tjänster och verktyg för att skicka och ta emot din post"></pn-site-selector-item>
    <pn-site-selector-item heading="Portal" description="Hantera dina försändelser" url="https://portal.postnord.com"></pn-site-selector-item>
    <pn-site-selector-item heading="postnord.com" description="Information om PostNord Koncernen" url="https://www.postnord.com"></pn-site-selector-item>
  </pn-site-selector>
  `;
};

export const Primary = Template.bind({});
Primary.args = {
  buttontext: 'postnord.se',
  heading: 'PostNord',
};
