{
  "name": "ComponentWithAttrProp",
  "propDefinitions": {
    "direction": {
      "type": "string",
      "defaultValue": "row"
    },
    "config": {
      "type": "object",
      "defaultValue": {
        "height": 32
      }
    }
  },
  "node": {
    "type": "element",
    "content": {
      "elementType": "container",
      "style": {
        "flexDirection": {
          "type": "dynamic",
          "content": {
            "referenceType": "prop",
            "id": "direction"
          }
        },
        "height": {
          "type": "dynamic",
          "content": {
            "referenceType": "prop",
            "id": "config.height"
          }
        },
        "alignSelf": {
          "type": "static",
          "content": "center"
        }
      }
    }
  }
}