import type { ComponentMetadata } from '../interfaces/types';

export const metadata: ComponentMetadata = {
  component_name: 'GeometricShapeCard',
  name: 'Tarjeta con figura geométrica',
  description: 'Tarjeta con figura geométrica y botón de leer más.',
  framework: 'Astro',
  tags: ['card', 'interactivo'],
  fields: [
    {
      name: 'title',
      type: 'text',
      label: 'Título',
      mandatory: true
    },    
    {
      name: 'mainContent',
      type: 'textArea',
      label: 'Contenido principal (HTML)',
      mandatory: true
    },
    {
      name: 'secondaryContent',
      type: 'textArea',
      label: 'Contenido secundario (HTML) que aparece al leer más',
      mandatory: false
    },
    {
      name: 'imageSrc',
      type: 'text',
      label: 'URL de la imagen',
      mandatory: true
    },
    {
      name: 'figure',
      type: 'select',
      label: 'Tipo de figura',
      options: ['Trapeze', 'Trapeze2', 'Leaf', 'Sphere'],
      options_labels: ['Trapecio', 'Trapecio II', 'Hoja de parra', 'Esfera']
    },
    {
      name: 'orientation',
      type: 'select',
      label: 'Orientación de la figura',
      options: ['right', 'left'],
      options_labels: ['Derecha','Izquierda']
    },
    {
      name: 'gradiantIndex',
      type: 'select',
      label: 'Gradiante',
      options: [0, 1, 2, 3, 4],
      options_labels: ['Lefebvre España', 'Lefebvre Sarrut', 'Lefebvre Italia', 'Lefebvre Toovalu', 'Bandera de España']
    },
  ]
};