{
  "description": "A component used to render a group of buttons that can have a single or multiple values.",
  "displayName": "ButtonGroup",
  "methods": [
    {
      "name": "onChange",
      "docblock": null,
      "modifiers": [],
      "params": [
        {
          "name": "e",
          "type": null
        }
      ],
      "returns": null
    }
  ],
  "props": {
    "classes": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "className": {
      "flowType": {
        "name": "string"
      },
      "required": true,
      "description": "classNames to be passed to the component."
    },
    "field": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "form": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "items": {
      "flowType": {
        "name": "Array",
        "elements": [
          {
            "name": "signature",
            "type": "object",
            "raw": "{ label: string, value: string, disabled: boolean }",
            "signature": {
              "properties": [
                {
                  "key": "label",
                  "value": {
                    "name": "string",
                    "required": true
                  }
                },
                {
                  "key": "value",
                  "value": {
                    "name": "string",
                    "required": true
                  }
                },
                {
                  "key": "disabled",
                  "value": {
                    "name": "boolean",
                    "required": true
                  }
                }
              ]
            }
          }
        ],
        "raw": "Array<{ label: string, value: string, disabled: boolean }>"
      },
      "required": false,
      "description": "Array of items to use as the values. `{label: string, value: string}`",
      "defaultValue": {
        "value": "[]",
        "computed": false
      }
    },
    "label": {
      "flowType": {
        "name": "string"
      },
      "required": true,
      "description": "Text input to be used as the label for the checkbox group."
    },
    "theme": {
      "flowType": {
        "name": "Object"
      },
      "required": true,
      "description": ""
    },
    "multiSelect": {
      "flowType": {
        "name": "boolean"
      },
      "required": false,
      "description": "Allows the button group to have multiple values selected when set to true",
      "defaultValue": {
        "value": "false",
        "computed": false
      }
    },
    "color": {
      "flowType": {
        "name": "string"
      },
      "required": false,
      "description": "Color to be applied to the Button component. Can be \"primary\", \"secondary\", or any custom value.",
      "defaultValue": {
        "value": "\"primary\"",
        "computed": false
      }
    }
  }
}