{
  "componentDescription": "",
  "propDescriptions": {
    "children": { "description": "The content of the component." },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "color": {
      "description": "The color of the component. It supports both default and custom theme colors, which can be added as shown in the <a href=\"https://mui.com/material-ui/customization/palette/#custom-colors\">palette customization guide</a>."
    },
    "disableAnimation": {
      "description": "If <code>true</code>, the transition animation is disabled."
    },
    "disabled": { "description": "If <code>true</code>, the component is disabled." },
    "error": { "description": "If <code>true</code>, the label is displayed in an error state." },
    "focused": {
      "description": "If <code>true</code>, the <code>input</code> of this label is focused."
    },
    "margin": {
      "description": "If <code>dense</code>, will adjust vertical spacing. This is normally obtained via context from FormControl."
    },
    "required": {
      "description": "if <code>true</code>, the label will indicate that the <code>input</code> is required."
    },
    "shrink": { "description": "If <code>true</code>, the label is shrunk." },
    "size": { "description": "The size of the component." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "variant": { "description": "The variant to use." }
  },
  "classDescriptions": {
    "animated": {
      "description": "Styles applied to {{nodeName}} unless {{conditions}}.",
      "nodeName": "the input element",
      "conditions": "<code>disableAnimation={true}</code>"
    },
    "asterisk": {
      "description": "State class applied to {{nodeName}}.",
      "nodeName": "the asterisk element"
    },
    "disabled": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>disabled={true}</code>"
    },
    "error": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>error={true}</code>"
    },
    "filled": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"filled\"</code>"
    },
    "focused": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>focused={true}</code>"
    },
    "formControl": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "the component is a descendant of <code>FormControl</code>"
    },
    "outlined": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"outlined\"</code>"
    },
    "required": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>required={true}</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "shrink": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the input element",
      "conditions": "<code>shrink={true}</code>"
    },
    "sizeSmall": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>size=\"small\"</code>"
    },
    "standard": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"standard\"</code>"
    }
  }
}