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

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

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

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

export const EventWithoutDate = Template.bind({});
EventWithoutDate.args = {
  event: NoDateEventTeaserLargeData,
};

export const EventSearchResult = Template.bind({});
EventSearchResult.args = {
  event: SearchResultEventTeaserLargeData,
};