import {createVideoStage} from "./VideoStageComponent";

export default {
  title: 'Sections/Video Stage',
  parameters: {
    layout: 'fullscreen',
  },
  args: {
    imageSrc: './dummy/placeholder-4-3.svg',
    kicker: 'Noch 7 Tage offen',
    headline: 'Jetzt und digital mitreden',
    copy: 'Mit der digitalen Beteiligung erhalten Mitgliedsunternehmen die Möglichkeit, sich einfach und schnell über laufende Verfahren und Abstimmungen zu informieren und sich aktiv daran zu beteiligen.',
    buttonCta: {
      label: 'Jetzt beteiligen',
      link: '#',
      target: '_self',
    },
  },
  argTypes: {
    imageSrc: {
      name: 'Bild-Url',
    },
    kicker: {
      name: 'Dachzeile',
    },
    headline: {
      name: 'Überschrift',
    },
    copy: {
      name: 'Kurztext',
    },
    buttonCta: {
      name: 'Button',
    },
  },
}

const Template = ({...args}) => {
  return createVideoStage({...args});
};

export const VideoIntro = Template.bind({});
VideoIntro.args = {
  imageSrc: null,
  kicker: 'IHK Musterstadt Beteiligungsportal',
  buttonCta: {
    label: 'Mehr erfahren',
    link: '#',
    target: '_self',
  },
};