import { Meta, StoryObj } from '@storybook/nextjs-vite'
import { SerializedEditorState } from 'lexical'
import { Ad } from './Ad'

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

type Story = StoryObj<typeof Ad>
export default meta

const makeAdText = (text: string): SerializedEditorState =>
  ({
    root: {
      type: 'root',
      format: '',
      indent: 0,
      version: 1,
      direction: 'ltr',
      children: [
        {
          type: 'paragraph',
          format: '',
          indent: 0,
          version: 1,
          direction: 'ltr',
          textFormat: 0,
          textStyle: '',
          children: [
            {
              type: 'text',
              format: 0,
              mode: 'normal',
              style: '',
              text,
              detail: 0,
              version: 1,
            },
          ],
        },
      ],
    },
  }) as unknown as SerializedEditorState

export const Default: Story = {
  args: {
    text: makeAdText(
      'Suche Helfer für unseren Gemeindegarten. Wir treffen uns jeden Samstag um 10 Uhr.',
    ),
    contact: 'gemeinde@drei-koenige-berlin.de',
  },
}

export const LongerText: Story = {
  args: {
    text: makeAdText(
      'Biete Klavierunterricht für Anfänger und Fortgeschrittene. Unterricht im Pfarrheim oder bei Ihnen zuhause möglich. Freue mich auf Ihren Anruf oder Ihre E-Mail.',
    ),
    contact: 'klavier@example.com',
  },
}