import type { Block } from 'payload';

const HeroBlock: Block = {
  slug: 'hero',
  imageURL: '/admin/blocks/heroes.png', // Optional preview image in Payload Admin
  labels: {
    singular: 'Hero',
    plural: 'Heros',
  },
  fields: [
      {
      name: 'type',
      type: 'select',
      admin: {
        position: 'sidebar',
      },
      options: [
        {
          label: 'Default',
          value: 'default',
        },
        {
          label: 'Home',
          value: 'home',
        },
      ],
      defaultValue: 'default',
      required: true,
    },
     {
      name: 'name',
      type: 'text',
    },
    {
      name: 'headline',
      type: 'text',
      required: true,
    },
    {
      name: 'subhead',
      type: 'textarea',
    },
   /* {
      name: 'backgroundImage',
      type: 'upload',
      relationTo: 'media',
    },*/
    {
      name: 'actions',
      type: 'array',
      fields: [
        {
          name: 'label',
          type: 'text',
          required: true,
        },
        {
          name: 'url',
          type: 'text',
          required: true,
        },
        {
          name: 'style',
          type: 'select',
          options: ['primary', 'secondary'],
          defaultValue: 'primary',
        },
      ],
    },
  ],
}


export default HeroBlock;