import docs from "./pn-product-pricelist-docs.json";

export default {
  title: 'Components/Widgets/Product price list',
  parameters: {
    notes: docs,
  },
};

const Template = ({ ...args }) => {
  return `
    <div style="max-width: 100%; margin:1em auto 0;">
      <pn-product-pricelist
        source="${args.source}"
        market="${args.market}"
        language="${args.language}"
        productid="${args.productid}">
        <h2>${args.heading}</h2>
        <p>${args.description}</p>
      </pn-product-pricelist>
    </div>
  `;
};

export const Primary = Template.bind({});
Primary.args = {
  heading: '',
  description: '',
  source: 'https://com-inte.postnord.com/globalassets/global/prices/sv-findprice-1-PN.xlsx',
  language: 'sv',
  market: 'se',
  productid: 'letter',
};
