import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { CollapsibleMapWithText } from './CollapsibleMapWithText'
import { Title } from '@/components/Title/Title'
import { P } from '@/components/Text/Paragraph'

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

type Story = StoryObj<typeof CollapsibleMapWithText>
export default meta

export const OurParishes: Story = {
  args: {
    backgroundColor: 'soft',
    title: 'Unsere Gemeinden',
    text:
      'Unsere Pfarrei umfasst sieben Kirchen in und um Chemnitz. Klicken Sie auf eine Kirche, um mehr über die jeweilige Gemeinde zu erfahren – von Gottesdienstzeiten über Gruppen und Kreise bis hin zu Kontaktmöglichkeiten.\n' +
      '\n' +
      'Jede Gemeinde hat ihren eigenen Charakter und ihre eigene Geschichte, gemeinsam bilden sie ein lebendiges katholisches Netzwerk in der Region.',
    content: (
      <>
        <Title title={'Über unsere Pfarrei'} size={'md'} />
        <P width={'3/4'}>
          Die Pfarrei wurde gegründet, um die pastorale Arbeit der umliegenden Kirchgemeinden
          zu bündeln und gleichzeitig den lokalen Charakter jeder einzelnen Gemeinde zu
          bewahren. Auf der Karte sehen Sie die geografische Verteilung – von St. Marien im
          Stadtzentrum bis St. Antonius in Frankenberg.
        </P>
      </>
    ),
  },
}

export const NoExtraContent: Story = {
  args: {
    backgroundColor: 'soft',
    title: 'Unsere Gemeinden',
    text:
      'Unsere Pfarrei umfasst sieben Kirchen in und um Chemnitz. Klicken Sie auf eine Kirche, um mehr über die jeweilige Gemeinde zu erfahren – von Gottesdienstzeiten über Gruppen und Kreise bis hin zu Kontaktmöglichkeiten.\n' +
      '\n' +
      'Jede Gemeinde hat ihren eigenen Charakter und ihre eigene Geschichte, gemeinsam bilden sie ein lebendiges katholisches Netzwerk in der Region.',
  },
}
