{
    "metadata": {
        "writer_version": "0.6.2rc3"
    },
    "components": {
        "root": {
            "id": "root",
            "type": "root",
            "content": {
                "appName": "My App"
            },
            "isCodeManaged": false,
            "position": 0,
            "handlers": {}
        },
        "c0f99a9e-5004-4e75-a6c6-36f17490b134": {
            "id": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
            "type": "page",
            "content": {
                "pageMode": "compact"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "root",
            "handlers": {}
        },
        "bebc5fe9-63a7-46a7-b0fa-62303555cfaf": {
            "id": "bebc5fe9-63a7-46a7-b0fa-62303555cfaf",
            "type": "header",
            "content": {
                "text": "@{my_app.title}"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
            "handlers": {}
        },
        "28d3885b-0fb8-4d41-97c6-978540015431": {
            "id": "28d3885b-0fb8-4d41-97c6-978540015431",
            "type": "section",
            "content": {
                "title": "",
                "containerShadow": "0px 4px 11px -12px #000000"
            },
            "isCodeManaged": false,
            "position": 1,
            "parentId": "c0f99a9e-5004-4e75-a6c6-36f17490b134",
            "handlers": {}
        },
        "9556c0e3-8584-4ac9-903f-908a775a33ec": {
            "id": "9556c0e3-8584-4ac9-903f-908a775a33ec",
            "type": "button",
            "content": {
                "text": " Increment",
                "icon": "arrow_upward"
            },
            "isCodeManaged": false,
            "position": 1,
            "parentId": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
            "handlers": {
                "click": "increment"
            }
        },
        "51d1554e-1b88-461c-9353-1419cba0053a": {
            "id": "51d1554e-1b88-461c-9353-1419cba0053a",
            "type": "button",
            "content": {
                "text": "Decrement",
                "icon": "arrow_downward"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
            "handlers": {
                "click": "decrement"
            }
        },
        "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117": {
            "id": "0d05bc9f-1655-4d0b-bc9b-c2f4c71a5117",
            "type": "horizontalstack",
            "content": {
                "contentHAlign": "center"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "f3777e75-3659-4d44-8ef7-aeec0d06855b",
            "handlers": {}
        },
        "172a14df-f73a-44fa-8fb1-e8648e7d32d2": {
            "id": "172a14df-f73a-44fa-8fb1-e8648e7d32d2",
            "type": "metric",
            "content": {
                "metricValue": "@{counter}",
                "note": "@{message}",
                "name": "Counter"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "c2519671-9ce7-44e7-ba4e-b0efda9cb20e",
            "handlers": {}
        },
        "d4a5e62c-c6fe-49c4-80d4-33862af8727d": {
            "id": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
            "type": "columns",
            "content": {},
            "isCodeManaged": false,
            "position": 0,
            "parentId": "28d3885b-0fb8-4d41-97c6-978540015431",
            "handlers": {}
        },
        "f3777e75-3659-4d44-8ef7-aeec0d06855b": {
            "id": "f3777e75-3659-4d44-8ef7-aeec0d06855b",
            "type": "column",
            "content": {
                "title": "",
                "width": "1",
                "contentHAlign": "center",
                "contentVAlign": "center"
            },
            "isCodeManaged": false,
            "position": 2,
            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
            "handlers": {}
        },
        "c2519671-9ce7-44e7-ba4e-b0efda9cb20e": {
            "id": "c2519671-9ce7-44e7-ba4e-b0efda9cb20e",
            "type": "column",
            "content": {
                "width": "1"
            },
            "isCodeManaged": false,
            "position": 0,
            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
            "handlers": {}
        },
        "d4a71819-7444-4083-a1c7-7995452a7abf": {
            "id": "d4a71819-7444-4083-a1c7-7995452a7abf",
            "type": "separator",
            "content": {},
            "isCodeManaged": false,
            "position": 1,
            "parentId": "d4a5e62c-c6fe-49c4-80d4-33862af8727d",
            "handlers": {}
        }
    }
}