import { EtibBlock } from './types';
import { TeamProfile as TeamProfileComponent } from '@/components/blocks/TeamProfile';

export const TeamProfile: EtibBlock = {
    slug: 'teamProfile',
    interfaceName: 'TeamProfileBlock',
    render: TeamProfileComponent,
    fields: [
        {
            name: 'name',
            type: 'text',
            required: true,
        },
        {
            name: 'role',
            type: 'text',
            required: true,
        },
        {
            name: 'quote',
            type: 'textarea',
            required: false,
        },
        {
            name: 'description',
            type: 'textarea',
            required: false,
        },
        {
            name: 'image',
            type: 'upload',
            relationTo: 'media',
            required: false,
        },
        {
            name: 'linkedinUrl',
            type: 'text',
            required: false,
        },
        {
            name: 'linkedinLabel',
            type: 'text',
            required: false,
        },
        {
            name: 'layout',
            type: 'select',
            defaultValue: 'imageRight',
            options: [
                { label: 'Image Right', value: 'imageRight' },
                { label: 'Image Left', value: 'imageLeft' },
            ],
        },
        {
            name: 'colorScheme',
            type: 'select',
            defaultValue: 'dark',
            options: [
                { label: 'Dark', value: 'dark' },
                { label: 'Light', value: 'light' },
            ],
        },
    ],
};
