import docs from "./pn-app-banner-docs.json";

export default {
  title: 'Components/Minor/AppBanner',
  parameters: {
    notes: docs,
    layout: 'fullscreen',
  },
};

const Template = ({ ...args }) => {
  return `
  <div>
    <pn-app-banner
      app-name="${args.name}"
      app-description="${args.description}"
      cta-text="${args.ctaText}"
      apple-store-link="${args.appleStoreLink}"
      google-store-link="${args.googleStoreLink}"></pn-app-banner>
  </div>
  `;
};

export const Primary = Template.bind({});
Primary.args = {
  name: 'Postnord',
  description: 'Spåra dina paket',
  ctaText: 'Hämta appen',
  appleStoreLink: 'https://apps.apple.com/dk/app/postnord/id396871673?l=da',
  googleStoreLink: 'https://play.google.com/store/apps/details?id=se.postnord.private&hl=da&gl=DK',
};
