import {createEventTeaserLarge} from "./EventTeaserLargeComponent";
import {EventTeaserLargeData, EventTeaserLargeImageData} from "./EventTeaserLargeData";

export default {
  title: 'Components/Event Teaser Large',
  parameters: {
    backgrounds: {
      default: 'lightblue',
    },
  },
  args: {
    event: EventTeaserLargeData,
    widemode: false,
  },
  argTypes: {
    event: {
      name: 'Veranstaltung',
    }
  }
}

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

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

export const EventTeaserLargeImage = Template.bind({});
EventTeaserLargeImage.args = {
  event: EventTeaserLargeImageData,
};

export const EventTeaserLargeWide = Template.bind({});
EventTeaserLargeWide.args = {
  widemode: true,
};