import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { EventRow } from './EventRow'

const meta: Meta<typeof EventRow> = {
  component: EventRow,
}

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

export const EventInJanuary: Story = {
  args: {
    date: '2024-01-06T15:00:00+01:00',
    title: 'Herz Jesu Feier',
    href: 'https://www.herzJesuFeier.com',
    location: "St. Clara",
    cancelled: false,
  },
}

export const EventWithEnd: Story = {
  args: {
    date: '2024-01-06T15:00:00+01:00',
    end: '2024-01-06T17:00:00+01:00',
    title: 'Herz Jesu Feier',
    href: 'https://www.herzJesuFeier.com',
    location: "St. Clara",
    cancelled: false,
  },
}

export const MultiDayEvent: Story = {
  args: {
    date: '2026-07-24T18:00:00+02:00',
    end: '2026-07-26T14:00:00+02:00',
    title: 'Gemeindewochenende',
    href: 'https://www.link_to_event.com',
    location: "St. Clara",
    cancelled: false,
  },
}

export const EventInMarch: Story = {
  args: {
    date: '2024-03-24T15:00:00+01:00',
    title: 'Osternacht',
    href: 'https://www.link_to_event.com',
    location: "St. Richard",
    cancelled: false
  },
}

export const CancelledEvent: Story = {
  args: {
    date: '2024-03-24T15:00:00+01:00',
    title: 'Osternacht',
    href: 'https://www.link_to_event.com',
    location: "St. Richard",
    cancelled: true
  },
}

export const Contrast: Story = {
  args: {
    date: '2024-03-24T15:00:00+01:00',
    title: 'Osternacht',
    href: 'https://www.link_to_event.com',
    location: "St. Richard",
    cancelled: false,
    color: "contrast"
  },
}

export const DarkBackground: Story = {
  args: {
    date: '2024-01-06T15:00:00+01:00',
    title: 'Herz Jesu Feier',
    href: 'https://www.herzJesuFeier.com',
    location: "St. Clara",
    cancelled: false,
    color: "white"
  },
  parameters: {
    backgrounds: {
      default: 'dark'
    }
  }
}