{
  "name": "HeroSplitKpi",
  "propsSchema": {
    "title": "string",
    "description": "string",
    "kpis": "[KpiItem, KpiItem, KpiItem] - Array of exactly 3 KPI items with value and label",
    "enableKpiAnimation": "boolean - Enable/disable mouse-following animation on KPI boxes",
    "tag?": "string",
    "tagIcon?": "LucideIcon",
    "buttons?": "Array<{text: string, onClick?: () => void, href?: string}>",
    "avatars?": "Avatar[] - Array of avatar objects with src and alt properties",
    "avatarText?": "string - Text displayed next to the avatar group",
    "imageSrc?": "string",
    "videoSrc?": "string",
    "imageAlt?": "string (default: '')",
    "videoAriaLabel?": "string (default: 'Hero video')",
    "ariaLabel?": "string (default: 'Hero section')",
    "imagePosition?": "'left' | 'right' (default: 'right')",
    "className?": "string",
    "containerClassName?": "string",
    "textBoxClassName?": "string",
    "titleClassName?": "string",
    "descriptionClassName?": "string",
    "tagClassName?": "string",
    "buttonContainerClassName?": "string",
    "buttonClassName?": "string",
    "buttonTextClassName?": "string",
    "mediaWrapperClassName?": "string",
    "imageClassName?": "string",
    "avatarGroupClassName?": "string",
    "kpiClassName?": "string",
    "kpiValueClassName?": "string",
    "kpiLabelClassName?": "string"
  }
}