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

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

type Story = StoryObj<typeof PublicationAndNewsletterView>
export default meta

const archiveData = [
  {
    guid: '1',
    title: 'Newsletter aus dem Bistum – März 2026',
    link: 'https://example.com/newsletter/march',
    pubDate: '2026-03-01T00:00:00.000Z',
  },
  {
    guid: '2',
    title: 'Newsletter aus dem Bistum – Februar 2026',
    link: 'https://example.com/newsletter/february',
    pubDate: '2026-02-01T00:00:00.000Z',
  },
  {
    guid: '3',
    title: 'Newsletter aus dem Bistum – Januar 2026',
    link: 'https://example.com/newsletter/january',
    pubDate: '2026-01-01T00:00:00.000Z',
  },
]

export const Default: Story = {
  args: {
    archiveData,
    magazineUrl: 'https://example.com/magazine.pdf',
    magazineCover: {
      url: 'https://placehold.co/500x600/png',
      width: 500,
      height: 600,
    },
  },
}

export const NewsletterOnly: Story = {
  args: {
    archiveData,
  },
}

export const MagazineOnly: Story = {
  args: {
    archiveData: [],
    magazineUrl: 'https://example.com/magazine.pdf',
    magazineCover: {
      url: 'https://placehold.co/500x600/png',
      width: 500,
      height: 600,
    },
  },
}

export const Empty: Story = {
  args: {
    archiveData: [],
  },
}