import {EventTeasersLargeData, EventTeasersLargeImageData, EventTeasersLargeSixData} from "./EventTeasersLargeData";
import {createEventTeasersLarge} from "./EventTeasersLargeComponent";

export default {
  title: 'Sections/Event Teasers Large',
  parameters: {
    layout: 'fullscreen',
  },
  args: {
    headline: 'Gründung und Nachfolge',
    subheadline: 'Egal, ob Startup oder Unternehmensnachfolge – mit unseren Ressourcen legen Sie den Grundstein für eine erfolgreiche Unternehmenszukunft.',
    count: 9,
    events: EventTeasersLargeData,
    buttonLabel: 'Mehr Veranstaltungen zu Gründung und Nachfolge',
  },
  argTypes: {
    headline: {
      name: 'Überschrift',
    },
    count: {
      name: 'Anzahl aller Beteiligungen',
    },
    items: {
      name: 'Teaser',
    },
    buttonLabel: {
      name: 'Button Label',
    }
  },
}

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

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

export const EventTeasersLargeImage = Template.bind({});
EventTeasersLargeImage.args = {
  events: EventTeasersLargeImageData,
};

export const EventTeasersLargeSix = Template.bind({});
EventTeasersLargeSix.args = {
  events: EventTeasersLargeSixData,
};
