import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { ImageCardSlider } from './ImageCardSlider'
import { Container } from '@/components/Container/Container'

const meta: Meta<typeof ImageCardSlider> = {
  component: ImageCardSlider,
  decorators: [(Story) => <Container>
    <Story />
  </Container>]
}

type Story = StoryObj<typeof ImageCardSlider>;
export default meta

export const Default: Story = {
  args: {
    slides: [
      {
        id: "id1",
        src: "https://www.sfcatholic.org/bishopsbulletin/wp-content/uploads/sites/3/2022/04/monstrance2-insta-1024x1024.jpg",
        title: "Anbetung in Oktober",
        href: "https://somelink"
      },
      {
        id: "id2",
        src: "https://www.dioezese-linz.at/img/ab/91/03938ac624e84d1cda12/Allerheiligen-Pfarre_miteinander_2_.png",
        title: "Allerseelen",
        href: "https://somelink"
      },
      {
        id: "id3",
        src: "https://i1.sndcdn.com/artworks-6CIZtxsNOaYIm98h-mL41yA-t500x500.jpg",
        title: "Erntedankfest",
        href: "https://somelink"
      },
      {
        id: "id4",
        src: "https://i1.sndcdn.com/artworks-6CIZtxsNOaYIm98h-mL41yA-t500x500.jpg",
        title: "Slide4",
        href: "https://somelink"
      }
    ]
  },
}