import { Block } from 'payload'

export const CollapsibleImageWithTextBlock: Block = {
  slug: 'collapsibleImageWithText',
  labels: {
    singular: {
      de: 'Aufklappbarer Bildtext',
    },
    plural: {
      de: 'Aufklappbare Bildtexte',
    },
  },
  dbName: 'collaps',
  fields: [
    {
      name: 'title',
      type: 'text',
      required: true,
      label: {
        de: 'Titel',
      },
    },
    {
      name: 'text',
      type: 'textarea',
      required: true,
      label: {
        de: 'Text',
      },
    },
    {
      name: 'image',
      type: 'upload',
      relationTo: 'media',
      required: true,
      label: {
        de: 'Bild',
      },
    },
    {
      name: 'content',
      type: 'richText',
      required: true,
      label: {
        de: 'Aufklappbarer Inhalt',
      },
    },
    {
      name: 'colorStyle',
      type: 'select',
      label: {
        de: 'Farbstil',
      },
      options: [
        { label: 'Standard', value: 'default' },
        { label: 'Soft', value: 'soft' },
        { label: 'Off-White', value: 'off-white' },
        { label: 'Kontrast', value: 'contrast' },
      ],
      defaultValue: 'default',
    },
  ],
}
