import { Block } from 'payload'

export const SectionBlock: Block = {
  slug: 'section',
  labels: {
    singular: {
      de: 'Abschnitt',
    },
    plural: {
      de: 'Abschnitte',
    },
  },
  fields: [
    {
      name: 'backgroundColor',
      type: 'select',
      label: {
        de: 'Hintergrundfarbe',
      },
      options: [
        { label: 'Keine', value: 'none' },
        { label: 'Soft', value: 'soft' },
        { label: 'Off-White', value: 'off-white' },
      ],
      defaultValue: 'none',
    },
    {
      name: 'padding',
      type: 'select',
      label: {
        de: 'Abstand',
      },
      options: [
        { label: 'Klein', value: 'small' },
        { label: 'Mittel', value: 'medium' },
        { label: 'Groß', value: 'large' },
      ],
      defaultValue: 'large',
    },
  ],
}
