{
  "componentDescription": "",
  "propDescriptions": {
    "animation": {
      "description": "The animation. If <code>false</code> the animation effect is disabled."
    },
    "children": { "description": "Optional children to infer width and height from." },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "component": {
      "description": "The component used for the root node. Either a string to use a HTML element or a component."
    },
    "height": {
      "description": "Height of the skeleton. Useful when you don&#39;t want to adapt the skeleton to a text element but for instance a card."
    },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "variant": { "description": "The type of content that will be rendered." },
    "width": {
      "description": "Width of the skeleton. Useful when the skeleton is inside an inline element with no width of its own."
    }
  },
  "classDescriptions": {
    "circular": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"circular\"</code>"
    },
    "fitContent": {
      "description": "Styles applied when the component is passed children and no width."
    },
    "heightAuto": {
      "description": "Styles applied when the component is passed children and no height."
    },
    "pulse": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>animation=\"pulse\"</code>"
    },
    "rectangular": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"rectangular\"</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "rounded": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"rounded\"</code>"
    },
    "text": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"text\"</code>"
    },
    "wave": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>animation=\"wave\"</code>"
    },
    "withChildren": { "description": "Styles applied when the component is passed children." }
  }
}