import {ParticipationTeasersData} from "./ParticipationTeasersData";
import {createParticipationTeasers} from "./ParticipationTeasersComponent";

export default {
  title: 'Sections/Participation Teasers',
  parameters: {
    layout: 'fullscreen',
  },
  args: {
    headline: 'Aktuelle Beteiligungen',
    count: 9,
    items: ParticipationTeasersData,
    buttonLabel: 'Alle aktuellen Beteiligungen',
  },
  argTypes: {
    headline: {
      name: 'Überschrift',
    },
    count: {
      name: 'Anzahl aller Beteiligungen',
    },
    items: {
      name: 'Teaser',
    },
    buttonLabel: {
      name: 'Button Label',
    }
  },
}

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

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