{
  "componentDescription": "",
  "propDescriptions": {
    "absolute": { "description": "Absolutely position the element." },
    "children": { "description": "The content of the component." },
    "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."
    },
    "flexItem": {
      "description": "If <code>true</code>, a vertical divider will have the correct height when used in flex container. (By default, a vertical divider will have a calculated height of <code>0px</code> if it is the child of a flex container.)"
    },
    "light": { "description": "If <code>true</code>, the divider will have a lighter color." },
    "orientation": { "description": "The component orientation." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "textAlign": { "description": "The text alignment." },
    "variant": { "description": "The variant to use." }
  },
  "classDescriptions": {
    "absolute": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>absolute={true}</code>"
    },
    "flexItem": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>flexItem={true}</code>"
    },
    "fullWidth": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"fullWidth\"</code>"
    },
    "inset": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"inset\"</code>"
    },
    "light": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>light={true}</code>"
    },
    "middle": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"middle\"</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "textAlignLeft": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>textAlign=\"left\" orientation=\"horizontal\"</code>"
    },
    "textAlignRight": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>textAlign=\"right\" orientation=\"horizontal\"</code>"
    },
    "vertical": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>orientation=\"vertical\"</code>"
    },
    "withChildren": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "divider have text"
    },
    "withChildrenVertical": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "divider have text and <code>orientation=\"vertical\"</code>",
      "deprecationInfo": "Combine the <a href=\"/material-ui/api/divider/#divider-classes-MuiDivider-withChildren\">.MuiDivider-withChildren</a> and <a href=\"/material-ui/api/divider/#divider-classes-MuiDivider-vertical\">.MuiDivider-vertical</a> classes instead."
    },
    "wrapper": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the span children element",
      "conditions": "<code>orientation=\"horizontal\"</code>"
    },
    "wrapperVertical": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the span children element",
      "conditions": "<code>orientation=\"vertical\"</code>"
    }
  }
}