import {createETLSlider} from "./EventTeaserLargeSliderComponent";
import {sliderData,sliderImageData} from "./EventTeaserLargeSliderData";

export default {
  title: 'Sections/EventTeaserLargeSlider',
  parameters: {
    layout: 'padded',
  },
  argTypes: {
    slides: {
      name: 'Slides',
      control: {type: 'object'},
      defaultValue: sliderData,
    }
  }
}

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

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

export const SliderWithImage = Template.bind({});
SliderWithImage.args = {slides: sliderImageData};