{
  "componentDescription": "",
  "propDescriptions": {
    "children": { "description": "The content of the component." },
    "component": {
      "description": "The component used for the root node. Either a string to use a HTML element or a component."
    },
    "inset": {
      "description": "The empty space on the side(s) of the divider in a vertical list.<br>For horizontal list (the nearest parent List has <code>row</code> prop set to <code>true</code>), only <code>inset=&quot;gutter&quot;</code> affects the list divider."
    },
    "orientation": { "description": "The component orientation." },
    "slotProps": { "description": "The props used for each slot inside." },
    "slots": { "description": "The components used for each slot inside." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    }
  },
  "classDescriptions": {
    "horizontal": {
      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>orientation=\"horizontal\"</code>"
    },
    "insetGutter": {
      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>inset=\"gutter\"</code>"
    },
    "insetStartContent": {
      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>inset=\"startContent\"</code>"
    },
    "insetStartDecorator": {
      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>inset=\"startDecorator\"</code>"
    },
    "vertical": {
      "description": "Class name applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>orientation=\"vertical\"</code>"
    }
  },
  "slotDescriptions": { "root": "The component that renders the root." }
}