{
  "name": "Data Table",
  "description": "Table with header and data rows. Every level is required: cells live in rows, rows in a header or body, header and body in the table. A table that skips a level renders, and is wrong.",
  "spec": {
    "component": "cre8-table",
    "props": {
      "variant": "striped",
      "isHoverable": true
    },
    "children": [
      {
        "component": "cre8-table-header",
        "children": [
          {
            "component": "cre8-table-row",
            "slots": {
              "default": [
                {
                  "component": "cre8-table-header-cell",
                  "children": [
                    "Name"
                  ]
                },
                {
                  "component": "cre8-table-header-cell",
                  "children": [
                    "Status"
                  ]
                }
              ]
            }
          }
        ]
      },
      {
        "component": "cre8-table-body",
        "children": [
          {
            "component": "cre8-table-row",
            "slots": {
              "default": [
                {
                  "component": "cre8-table-cell",
                  "children": [
                    "Item 1"
                  ]
                },
                {
                  "component": "cre8-table-cell",
                  "children": [
                    {
                      "component": "cre8-badge",
                      "props": {
                        "text": "Active",
                        "status": "success"
                      }
                    }
                  ]
                }
              ]
            }
          }
        ]
      }
    ]
  }
}