{
  "custom": {},
  "params": {
    "label": "Info",
    "selected": "value"
  },
  "propConfig": {
    "params.label": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.selected": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 35,
      "width": 168
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "grow": 1
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.label"
              },
              "type": "property"
            }
          }
        },
        "type": "ia.display.label"
      }
    ],
    "events": {
      "dom": {
        "onClick": {
          "config": {
            "script": "\tpayload \u003d {\u0027newTab\u0027 : self.view.params.label}\n\tsystem.perspective.sendMessage(\"TAB_CHANGE\", payload)"
          },
          "scope": "G",
          "type": "script"
        }
      }
    },
    "meta": {
      "name": "root"
    },
    "propConfig": {
      "props.style.classes": {
        "binding": {
          "config": {
            "expression": "if({view.params.label} \u003d {view.params.selected}, \r\n \"Common/Interactive/pill Input/button_selected\",\r\n \"Common/Interactive/pill Input/button\"\r\n )"
          },
          "type": "expr"
        }
      }
    },
    "props": {
      "alignContent": "center",
      "alignItems": "center",
      "direction": "column",
      "justify": "center",
      "style": {}
    },
    "type": "ia.container.flex"
  }
}