import { Meta, StoryObj } from '@storybook/nextjs-vite'
import type { Footer } from '@/payload-types'
import { FooterView } from './FooterView'

const mockFooter: Footer = {
  id: 'mock-footer',
  groups: [
    {
      title: 'Pfarrei',
      links: [
        { label: 'Über uns', href: '/ueber-uns' },
        { label: 'Kontakt', href: '/kontakt' },
        { label: 'Gemeinden', href: '/gemeinden' },
      ],
    },
    {
      title: 'Service',
      links: [
        { label: 'Gottesdienste', href: '/gottesdienst' },
        { label: 'Veranstaltungen', href: '/veranstaltungen' },
        { label: 'Blog', href: '/blog' },
      ],
    },
  ],
}

const mockPrayers = [
  'Herr, gib mir heute die Gelassenheit, Dinge hinzunehmen, die ich nicht ändern kann.',
  'Vater unser im Himmel, geheiligt werde dein Name.',
  'Gegrüßet seist du, Maria, voll der Gnade.',
]

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

type Story = StoryObj<typeof FooterView>
export default meta

export const Default: Story = {
  args: {
    prayers: mockPrayers,
    footer: mockFooter,
  },
}
