{
  "custom": {},
  "params": {
    "DH": "value",
    "PUE": 1.2,
    "critical": 4,
    "total": 5
  },
  "propConfig": {
    "params.DH": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.PUE": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.critical": {
      "paramDirection": "input",
      "persistent": true
    },
    "params.total": {
      "paramDirection": "input",
      "persistent": true
    }
  },
  "props": {
    "defaultSize": {
      "height": 200,
      "width": 174
    }
  },
  "root": {
    "children": [
      {
        "meta": {
          "name": "Title"
        },
        "position": {
          "basis": "10%"
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.DH"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "textStyle": {
            "textAlign": "center"
          }
        },
        "type": "ia.display.label"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.total"
                      },
                      "transforms": [
                        {
                          "code": "\tif value \u003e 1000:\n\t\treturn value /1000\n\treturn value",
                          "type": "script"
                        },
                        {
                          "formatType": "numeric",
                          "formatValue": "0.0",
                          "type": "format"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--tagvalue-color)"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "Label_0"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.total"
                      },
                      "transforms": [
                        {
                          "code": "\tif value \u003e 1000:\n\t\treturn \"MW\"\n\treturn \"kW\"",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--units-color)"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "props": {
              "justify": "center",
              "style": {
                "gap": "5px"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "meta": {
              "name": "Label"
            },
            "props": {
              "text": "Total Power",
              "textStyle": {
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "Total"
        },
        "position": {
          "basis": "30%"
        },
        "props": {
          "direction": "column",
          "justify": "center"
        },
        "type": "ia.container.flex"
      },
      {
        "children": [
          {
            "children": [
              {
                "meta": {
                  "name": "Label"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.critical"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e1000:\n\t\treturn value /1000\n\treturn value",
                          "type": "script"
                        },
                        {
                          "formatType": "numeric",
                          "formatValue": "0.0",
                          "type": "format"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--tagvalue-color)"
                  }
                },
                "type": "ia.display.label"
              },
              {
                "meta": {
                  "name": "Label_0"
                },
                "propConfig": {
                  "props.text": {
                    "binding": {
                      "config": {
                        "path": "view.params.critical"
                      },
                      "transforms": [
                        {
                          "code": "\tif value\u003e1000:\n\t\treturn \"MW\"\n\treturn \"kW\"",
                          "type": "script"
                        }
                      ],
                      "type": "property"
                    }
                  }
                },
                "props": {
                  "textStyle": {
                    "color": "var(--units-color)"
                  }
                },
                "type": "ia.display.label"
              }
            ],
            "meta": {
              "name": "FlexContainer"
            },
            "props": {
              "justify": "center",
              "style": {
                "gap": "5px"
              }
            },
            "type": "ia.container.flex"
          },
          {
            "meta": {
              "name": "Label"
            },
            "props": {
              "text": "Critical Power",
              "textStyle": {
                "textAlign": "center"
              }
            },
            "type": "ia.display.label"
          }
        ],
        "meta": {
          "name": "Critical"
        },
        "position": {
          "basis": "30%"
        },
        "props": {
          "direction": "column",
          "justify": "center"
        },
        "type": "ia.container.flex"
      },
      {
        "meta": {
          "name": "Label"
        },
        "position": {
          "basis": "20%"
        },
        "propConfig": {
          "props.text": {
            "binding": {
              "config": {
                "path": "view.params.PUE"
              },
              "type": "property"
            }
          }
        },
        "props": {
          "textStyle": {
            "color": "var(--tagvalue-color)",
            "fontSize": 24,
            "textAlign": "center"
          }
        },
        "type": "ia.display.label"
      },
      {
        "meta": {
          "name": "desc"
        },
        "position": {
          "basis": "10%"
        },
        "props": {
          "text": "PUE",
          "textStyle": {
            "textAlign": "center"
          }
        },
        "type": "ia.display.label"
      }
    ],
    "meta": {
      "name": "root"
    },
    "props": {
      "direction": "column",
      "style": {
        "borderBottomLeftRadius": 5,
        "borderBottomRightRadius": 5,
        "borderTopLeftRadius": 5,
        "borderTopRightRadius": 5,
        "boxShadow": "var(--boxShadow2)",
        "overflow": "visible",
        "padding": "5px"
      }
    },
    "type": "ia.container.flex"
  }
}