{
  "id": "comprehensive-demo-stats-row-container",
  "type": "Box",
  "className": "grid grid-cols-1 md:grid-cols-4 gap-4",
  "children": [
    {
      "id": "stats-total-card",
      "type": "Card",
      "className": "bg-card/50 backdrop-blur",
      "children": [
        {
          "type": "CardContent",
          "className": "pt-6",
          "children": [
            {
              "type": "Box",
              "className": "space-y-1",
              "children": [
                {
                  "type": "Paragraph",
                  "className": "text-sm text-muted-foreground",
                  "children": [{ "type": "Text", "value": "{totalLabel}" }]
                },
                {
                  "type": "Box",
                  "className": "text-3xl font-bold",
                  "children": [{ "type": "Text", "value": "{total}" }]
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "id": "stats-completed-card",
      "type": "Card",
      "className": "bg-green-500/5 backdrop-blur border-green-500/20",
      "children": [
        {
          "type": "CardContent",
          "className": "pt-6",
          "children": [
            {
              "type": "Flex",
              "align": "start",
              "justify": "between",
              "children": [
                {
                  "type": "Box",
                  "className": "space-y-1",
                  "children": [
                    {
                      "type": "Paragraph",
                      "className": "text-sm text-muted-foreground",
                      "children": [{ "type": "Text", "value": "{completedLabel}" }]
                    },
                    {
                      "type": "Box",
                      "className": "text-3xl font-bold text-green-600",
                      "children": [{ "type": "Text", "value": "{completed}" }]
                    }
                  ]
                },
                {
                  "type": "Icon",
                  "name": "Check",
                  "size": 24,
                  "weight": "duotone",
                  "className": "text-green-600"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "id": "stats-pending-card",
      "type": "Card",
      "className": "bg-blue-500/5 backdrop-blur border-blue-500/20",
      "children": [
        {
          "type": "CardContent",
          "className": "pt-6",
          "children": [
            {
              "type": "Flex",
              "align": "start",
              "justify": "between",
              "children": [
                {
                  "type": "Box",
                  "className": "space-y-1",
                  "children": [
                    {
                      "type": "Paragraph",
                      "className": "text-sm text-muted-foreground",
                      "children": [{ "type": "Text", "value": "{pendingLabel}" }]
                    },
                    {
                      "type": "Box",
                      "className": "text-3xl font-bold text-blue-600",
                      "children": [{ "type": "Text", "value": "{pending}" }]
                    }
                  ]
                },
                {
                  "type": "Icon",
                  "name": "Clock",
                  "size": 24,
                  "weight": "duotone",
                  "className": "text-blue-600"
                }
              ]
            }
          ]
        }
      ]
    },
    {
      "id": "stats-completion-card",
      "type": "Card",
      "className": "bg-primary/5 backdrop-blur border-primary/20",
      "children": [
        {
          "type": "CardContent",
          "className": "pt-6",
          "children": [
            {
              "type": "Box",
              "className": "space-y-2",
              "children": [
                {
                  "type": "Paragraph",
                  "className": "text-sm text-muted-foreground",
                  "children": [{ "type": "Text", "value": "{completionLabel}" }]
                },
                {
                  "type": "Box",
                  "className": "text-3xl font-bold text-primary",
                  "children": [{ "type": "Text", "value": "{completionRate}%" }]
                },
                {
                  "type": "ProgressBar",
                  "value": "{completionRate}",
                  "className": "h-2"
                }
              ]
            }
          ]
        }
      ]
    }
  ]
}
