import {createParticipationTeaser} from "./ParticipationTeaserComponent";

export default {
  title: 'Components/ParticipationTeaser',
  parameters: {
    backgrounds: {
      default: 'lightblue',
    },
  },
  args: {
    kicker: 'Noch 6 Tage offen',
    progress: 65,
    headline: 'Ideen zur Stärkung der Innenstädte und Ortskerne',
    copy: 'Die Auswirkungen der Corona-Pandemie treffen die Innenstädte und Ortskerne. Wir sammeln Ideen, um den neuen Herausforderungen zu begegnen.',
    moreCta: {
      label: 'Mehr Infos',
      link: '#',
      target: '_self',
    },
    participateCta: {
      label: 'Jetzt beteiligen',
      link: '#',
      target: '_self',
    }
  },
  argTypes: {

  },
}

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

export const ParticipationTeaser = Template.bind({});
ParticipationTeaser.args = {};