{
  "component_name": "social-share",
  "version": "1.0.0",
  "description": "Botones para compartir contenido en redes sociales",
  "groups": {
    "visibility": {
      "label": "Visibilidad",
      "priority": 10,
      "fields": {
        "is_enabled": {
          "type": "boolean",
          "label": "Activar componente",
          "default": true,
          "editable": true,
          "required": true
        },
        "show_on_desktop": {
          "type": "boolean",
          "label": "Mostrar en escritorio",
          "default": true,
          "editable": true,
          "description": "Muestra el componente en pantallas >= 992px"
        },
        "show_on_mobile": {
          "type": "boolean",
          "label": "Mostrar en movil",
          "default": true,
          "editable": true,
          "description": "Muestra el componente en pantallas < 992px"
        },
        "show_on_pages": {
          "type": "select",
          "label": "Mostrar en",
          "default": "posts",
          "editable": true,
          "options": ["all", "posts", "pages"],
          "description": "Tipos de contenido donde se muestra"
        }
      }
    },
    "content": {
      "label": "Contenido",
      "priority": 20,
      "fields": {
        "label_text": {
          "type": "text",
          "label": "Texto etiqueta",
          "default": "Compartir:",
          "editable": true
        },
        "show_label": {
          "type": "boolean",
          "label": "Mostrar etiqueta",
          "default": true,
          "editable": true
        }
      }
    },
    "networks": {
      "label": "Redes Sociales",
      "priority": 30,
      "fields": {
        "show_facebook": {
          "type": "boolean",
          "label": "Mostrar Facebook",
          "default": true,
          "editable": true
        },
        "facebook_url": {
          "type": "url",
          "label": "URL Facebook",
          "default": "",
          "editable": true,
          "description": "URL de tu pagina de Facebook"
        },
        "show_instagram": {
          "type": "boolean",
          "label": "Mostrar Instagram",
          "default": true,
          "editable": true
        },
        "instagram_url": {
          "type": "url",
          "label": "URL Instagram",
          "default": "",
          "editable": true,
          "description": "URL de tu perfil de Instagram"
        },
        "show_linkedin": {
          "type": "boolean",
          "label": "Mostrar LinkedIn",
          "default": true,
          "editable": true
        },
        "linkedin_url": {
          "type": "url",
          "label": "URL LinkedIn",
          "default": "",
          "editable": true,
          "description": "URL de tu perfil de LinkedIn"
        },
        "show_whatsapp": {
          "type": "boolean",
          "label": "Mostrar WhatsApp",
          "default": true,
          "editable": true
        },
        "whatsapp_number": {
          "type": "text",
          "label": "Numero WhatsApp",
          "default": "",
          "editable": true,
          "description": "Numero con codigo de pais (ej: 521234567890)"
        },
        "show_twitter": {
          "type": "boolean",
          "label": "Mostrar X (Twitter)",
          "default": true,
          "editable": true
        },
        "twitter_url": {
          "type": "url",
          "label": "URL X (Twitter)",
          "default": "",
          "editable": true,
          "description": "URL de tu perfil de X"
        },
        "show_email": {
          "type": "boolean",
          "label": "Mostrar Email",
          "default": true,
          "editable": true
        },
        "email_address": {
          "type": "text",
          "label": "Direccion Email",
          "default": "",
          "editable": true,
          "description": "Email de contacto"
        }
      }
    },
    "typography": {
      "label": "Tipografia",
      "priority": 40,
      "fields": {
        "label_font_size": {
          "type": "text",
          "label": "Tamano etiqueta",
          "default": "1rem",
          "editable": true
        },
        "icon_font_size": {
          "type": "text",
          "label": "Tamano iconos",
          "default": "1rem",
          "editable": true
        }
      }
    },
    "colors": {
      "label": "Colores",
      "priority": 50,
      "fields": {
        "label_color": {
          "type": "color",
          "label": "Color etiqueta",
          "default": "#6c757d",
          "editable": true,
          "description": "text-muted de Bootstrap"
        },
        "facebook_color": {
          "type": "color",
          "label": "Color Facebook",
          "default": "#0d6efd",
          "editable": true,
          "description": "Bootstrap primary"
        },
        "instagram_color": {
          "type": "color",
          "label": "Color Instagram",
          "default": "#dc3545",
          "editable": true,
          "description": "Bootstrap danger"
        },
        "linkedin_color": {
          "type": "color",
          "label": "Color LinkedIn",
          "default": "#0dcaf0",
          "editable": true,
          "description": "Bootstrap info"
        },
        "whatsapp_color": {
          "type": "color",
          "label": "Color WhatsApp",
          "default": "#198754",
          "editable": true,
          "description": "Bootstrap success"
        },
        "twitter_color": {
          "type": "color",
          "label": "Color X (Twitter)",
          "default": "#212529",
          "editable": true,
          "description": "Bootstrap dark"
        },
        "email_color": {
          "type": "color",
          "label": "Color Email",
          "default": "#6c757d",
          "editable": true,
          "description": "Bootstrap secondary"
        },
        "button_background": {
          "type": "color",
          "label": "Fondo botones",
          "default": "#ffffff",
          "editable": true
        },
        "border_top_color": {
          "type": "color",
          "label": "Color borde superior",
          "default": "#dee2e6",
          "editable": true
        }
      }
    },
    "spacing": {
      "label": "Espaciado",
      "priority": 60,
      "fields": {
        "container_margin_top": {
          "type": "text",
          "label": "Margen superior",
          "default": "3rem",
          "editable": true,
          "description": "my-5 de Bootstrap"
        },
        "container_margin_bottom": {
          "type": "text",
          "label": "Margen inferior",
          "default": "3rem",
          "editable": true
        },
        "container_padding_top": {
          "type": "text",
          "label": "Padding superior",
          "default": "1.5rem",
          "editable": true,
          "description": "py-4 de Bootstrap"
        },
        "container_padding_bottom": {
          "type": "text",
          "label": "Padding inferior",
          "default": "1.5rem",
          "editable": true
        },
        "label_margin_bottom": {
          "type": "text",
          "label": "Margen inf. etiqueta",
          "default": "1rem",
          "editable": true,
          "description": "mb-3 de Bootstrap"
        },
        "buttons_gap": {
          "type": "text",
          "label": "Espacio entre botones",
          "default": "0.5rem",
          "editable": true,
          "description": "gap-2 de Bootstrap"
        },
        "button_padding": {
          "type": "text",
          "label": "Padding botones",
          "default": "0.25rem 0.5rem",
          "editable": true,
          "description": "btn-sm de Bootstrap"
        }
      }
    },
    "visual_effects": {
      "label": "Efectos Visuales",
      "priority": 70,
      "fields": {
        "border_top_width": {
          "type": "text",
          "label": "Grosor borde superior",
          "default": "1px",
          "editable": true
        },
        "button_border_width": {
          "type": "text",
          "label": "Grosor borde botones",
          "default": "2px",
          "editable": true
        },
        "button_border_radius": {
          "type": "text",
          "label": "Radio borde botones",
          "default": "0.375rem",
          "editable": true
        },
        "transition_duration": {
          "type": "text",
          "label": "Duracion transicion",
          "default": "0.3s",
          "editable": true
        },
        "hover_box_shadow": {
          "type": "text",
          "label": "Sombra hover",
          "default": "0 4px 12px rgba(0, 0, 0, 0.15)",
          "editable": true
        }
      }
    }
  }
}