import docs from "./pn-mainnav-docs.json";

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

const Template = ({ ...args }) => {
  return `
  <pn-mainnav market="${args.market}" language="${args.language}">
    <pn-mainnav-level>
      <pn-mainnav-list>
      <pn-mainnav-link name="Hem" href="/" itemid="homelink"></pn-mainnav-link>
      <pn-mainnav-link name="Hej hej hej" href="/" itemid="homelink"></pn-mainnav-link>
      <pn-mainnav-link name="Hej hej hej 2" href="/" itemid="homelink"></pn-mainnav-link>
      <pn-mainnav-link name="Hej hej hej 3" href="/" itemid="homelink"></pn-mainnav-link>
    <pn-mainnav-link name="Skicka (Org)" href="/skicka-forsandelser" linkid="level1idexample">
      <pn-mainnav-level>
        <pn-mainnav-list>
          <pn-mainnav-link href="/skicka-forsandelser/brev-och-vykort" name="Brev och vykort" linkid="linkidexample"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/pakettjanster" name="Paket"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/pex-bud" name="PEX Bud"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/stort-tungt-och-skrymmande" name="Stort, tungt och skrymmande"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/reklam-och-tidningar" name="Reklam och tidningar"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/returer" name="Returer"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/forberedelser" name="Förberedelser"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/priser-och-villkor" name="Priser och villkor"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/har-finns-vi" name="Här finns vi"></pn-mainnav-link>
        </pn-mainnav-list>
      </pn-mainnav-level>
    </pn-mainnav-link>
    <pn-mainnav-link name="Skicka" href="/skicka-forsandelser">
      <pn-mainnav-level>
        <pn-mainnav-list heading="Läs mer om våra tjänster">
          <pn-mainnav-link href="/skicka-forsandelser/brev-och-vykort" name="Brev och vykort"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/pakettjanster" name="Paket"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/pex-bud" name="PEX Bud"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/stort-tungt-och-skrymmande" name="Stort, tungt och skrymmande"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/reklam-och-tidningar" name="Reklam och tidningar"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/returer" name="Returer"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/forberedelser" name="Förberedelser"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/priser-och-villkor" name="Priser och villkor"></pn-mainnav-link>
          <pn-mainnav-link href="/skicka-forsandelser/har-finns-vi" name="Här finns vi"></pn-mainnav-link>
        </pn-mainnav-list>
        <pn-mainnav-list heading="Populära tjänster">
          <pn-mainnav-link href="https://portal.postnord.com/skickadirekt/" name="Skicka direkt"></pn-mainnav-link>
          <pn-mainnav-link href="https://portal.postnord.com/skapa-utskick/" name="Skapa utskick"></pn-mainnav-link>
        </pn-mainnav-list>
      </pn-mainnav-level>
    </pn-mainnav-link>
      <pn-mainnav-link name="Ta emot (Org)" href="/ta-emot">
        <pn-mainnav-level>
          <pn-mainnav-list>
            <pn-mainnav-link href="/ta-emot/hamta" name="Hämta"></pn-mainnav-link>
            <pn-mainnav-link href="/ta-emot/valj-hur-du-vill-ta-emot-din-leverans" name="Välj hur du vill ta emot din leverans"></pn-mainnav-link>
            <pn-mainnav-link href="/ta-emot/saknade-skadade-eller-forsenade-forsandelser" name="Saknade, skadade eller försenade försändelser"></pn-mainnav-link>
            <pn-mainnav-link href="/ta-emot/hantera-post" name="Hantera post"></pn-mainnav-link>
            <pn-mainnav-link href="/ta-emot/postutdelning" name="Postutdelning"></pn-mainnav-link>
            <pn-mainnav-link href="/ta-emot/leveranser-till-hemmet" name="Leveranser till hemmet"></pn-mainnav-link>
          </pn-mainnav-list>
        </pn-main-nav-level>
    </pn-mainnav-link>
    <pn-mainnav-link name="Ta emot" href="/ta-emot">
      <pn-mainnav-level>
        <pn-mainnav-list>
          <pn-mainnav-link href="/ta-emot/hamta" name="Hämta"></pn-mainnav-link>
          <pn-mainnav-link href="/ta-emot/valj-hur-du-vill-ta-emot-din-leverans" name="Välj hur du vill ta emot din leverans"></pn-mainnav-link>
          <pn-mainnav-link href="/ta-emot/saknade-skadade-eller-forsenade-forsandelser" name="Saknade, skadade eller försenade försändelser"></pn-mainnav-link>
          <pn-mainnav-link href="/ta-emot/hantera-post" name="Hantera post"></pn-mainnav-link>
          <pn-mainnav-link href="/ta-emot/postutdelning" name="Postutdelning"></pn-mainnav-link>
          <pn-mainnav-link href="/ta-emot/leveranser-till-hemmet" name="Leveranser till hemmet"></pn-mainnav-link>
        </pn-mainnav-list>
        <pn-mainnav-list heading="Populära tjänster">
          <pn-mainnav-link href="https://change.postnord.com/" name="Flex change" target="_blank"></pn-mainnav-link>
          <pn-mainnav-link href="https://portal.postnord.com/betalamoms/search" name="Betala moms"></pn-mainnav-link>
        </pn-mainnav-list>
      </pn-main-nav-level>
    </pn-mainnav-link>
    </pn-mainnav-list>
    </pn-mainnav-level>
    <div slot="footer">Mobile footer content</div>
  </pn-main-nav>
  `;
};

export const Primary = Template.bind({});
Primary.args = {
  market: 'se',
  language: 'sv',
};
