{
  "description": "This component is based on the span element and supports all of its props",
  "methods": [],
  "displayName": "StatusBadge",
  "props": {
    "color": {
      "defaultValue": {
        "value": "\"grey\"",
        "computed": false
      },
      "description": "The status's color.",
      "tsType": {
        "name": "union",
        "raw": "\"green\" \\| \"red\" \\| \"blue\" \\| \"orange\" \\| \"grey\" \\| \"purple\"",
        "elements": [
          {
            "name": "literal",
            "value": "\"green\""
          },
          {
            "name": "literal",
            "value": "\"red\""
          },
          {
            "name": "literal",
            "value": "\"blue\""
          },
          {
            "name": "literal",
            "value": "\"orange\""
          },
          {
            "name": "literal",
            "value": "\"grey\""
          },
          {
            "name": "literal",
            "value": "\"purple\""
          }
        ]
      },
      "required": false
    }
  },
  "composes": [
    "Omit",
    "VariantProps"
  ]
}