{
  "name": "ComponentWithAttrProp",
  "propDefinitions": {
    "direction": {
      "type": "string",
      "defaultValue": "row"
    }
  },
  "node": {
    "type": "element",
    "content": {
      "elementType": "container",
      "style": {
        "flexDirection": {
          "type": "dynamic",
          "content": {
            "referenceType": "prop",
            "id": "direction"
          }
        },
        "@media (max-width: 835px)": {
          "type": "nested-style",
          "content": {
            "alignSelf": {
              "type": "static",
              "content": "inherit"
            }
          }
        },
        "alignSelf": {
          "type": "static",
          "content": "center"
        },
        "@media (max-width: 640px)": {
          "type": "nested-style",
            "content": {
              "alignSelf": {
                "type": "static",
                "content": "left"
              }
          }
        },
        "@media (max-width: 634px)": {
          "type": "nested-style",
          "content": {
            "alignSelf": {
              "type": "static",
              "content": "right"
            }
          }
        }
      },
      "children": []
    }
  }
}