import docs from "./pn-play-on-scroll-docs.json";

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

const PlayOnScrollTemplate = args => {
  return `
  <div style="height: 140rem;"></div>
  <pn-play-on-scroll video-src="${args.videoSrc}"></pn-play-on-scroll>
  <div style="height: 140rem;"></div>
  `;
};

export const PlayOnScroll = PlayOnScrollTemplate.bind({});
PlayOnScroll.args = {
  videoSrc: "https://com-inte.postnord.com/contentassets/1d0fd381dbde41f69f64df946b3e1e34/postnord-jakaa-turussa-kaikki-paketit-lahibokseihin-paastottomasti-sahkolla.mp4"
};
