{
  "version": 1,
  "style": {
    ".card": { "display": "flex", "padding": { "value": 16, "unit": "px" } },
    "p": { "display": "flex" }
  },
  "breakpoints": [],
  "layout": {
    "type": "div",
    "props": { "className": ["card"] },
    "children": [{ "type": "p", "children": ["Hello Joy DOM"] }]
  }
}