import {createParticipationListItem} from "./ParticipationListItemComponent";

export default {
  title: 'Components/Participation List Item',
  args: {
    kicker: 'Noch 5 Tage offen',
    progress: 60,
    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',
    }
  },
}

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

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