import type { Block } from 'payload'

export const FDHeaderTextImageBlock: Block = {
  slug: 'fdHeaderTextImage',
  imageURL: '/block-thumbnails/fd-header-text-image.png',
  imageAltText: 'FD Rubrik med bild',
  interfaceName: 'FDHeaderTextImageBlock',
  labels: {
    singular: 'FD Rubrik med bild',
    plural: 'FD Rubrik med bild',
  },
  fields: [
    {
      name: 'heading',
      type: 'text',
      localized: true,
      label: 'Rubrik (valfri)',
    },
    {
      name: 'body',
      type: 'textarea',
      localized: true,
      label: 'Brödtext (valfri)',
    },
    {
      name: 'image',
      type: 'upload',
      relationTo: 'media',
      label: 'Bild',
      required: true,
    },
    {
      name: 'imageOverlay',
      type: 'select',
      label: 'Bildöverlagring',
      defaultValue: 'none',
      options: [
        { label: 'Ingen', value: 'none' },
        { label: 'Navy (lätt)', value: 'navyLight' },
        { label: 'Navy (medium)', value: 'navyMedium' },
        { label: 'Gul (lätt)', value: 'yellowLight' },
        { label: 'Gul (medium)', value: 'yellowMedium' },
        { label: 'Sepia', value: 'sepia' },
        { label: 'Svart (lätt)', value: 'blackLight' },
        { label: 'Svart (medium)', value: 'blackMedium' },
      ],
    },
    {
      name: 'imageRounded',
      type: 'select',
      label: 'Bildens hörnradie',
      defaultValue: 'large',
      options: [
        { label: 'Ingen', value: 'none' },
        { label: 'Medium (40px)', value: 'medium' },
        { label: 'Stor (70px)', value: 'large' },
      ],
    },
    {
      name: 'textAlign',
      type: 'select',
      label: 'Textjustering',
      defaultValue: 'center',
      options: [
        { label: 'Vänster', value: 'left' },
        { label: 'Centrerad', value: 'center' },
      ],
    },
    {
      name: 'sectionBackground',
      type: 'select',
      label: 'Sektionsbakgrund',
      defaultValue: 'white',
      options: [
        { label: 'Vit', value: 'white' },
        { label: 'Grå', value: 'gray' },
        { label: 'Navy', value: 'navy' },
      ],
    },
    {
      name: 'textColor',
      type: 'select',
      label: 'Textfärg',
      defaultValue: 'navy',
      options: [
        { label: 'Navy', value: 'navy' },
        { label: 'Vit', value: 'white' },
      ],
    },
  ],
}