{
  "id": "page-header-content",
  "type": "div",
  "props": {
    "className": "flex items-start gap-3"
  },
  "children": [
    {
      "id": "page-icon",
      "$ref": "../atoms/icon-base.json"
    },
    {
      "id": "page-info",
      "$ref": "../atoms/div-flex.json",
      "props": {
        "className": "flex flex-col gap-1"
      },
      "children": [
        {
          "id": "page-title",
          "$ref": "../atoms/heading-2.json"
        },
        {
          "id": "page-description",
          "$ref": "../atoms/text-muted.json"
        }
      ]
    }
  ]
}
