{
  "componentDescription": "",
  "propDescriptions": {
    "children": {
      "description": "The Toolbar children, usually a mixture of <code>IconButton</code>, <code>Button</code> and <code>Typography</code>. The Toolbar is a flex container, allowing flex item properties to be used to lay out the children."
    },
    "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."
    },
    "disableGutters": { "description": "If <code>true</code>, disables gutter padding." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "variant": { "description": "The variant to use." }
  },
  "classDescriptions": {
    "dense": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"dense\"</code>"
    },
    "gutters": {
      "description": "Styles applied to {{nodeName}} unless {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>disableGutters={true}</code>"
    },
    "regular": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"regular\"</code>"
    },
    "root": { "description": "Styles applied to the root element." }
  }
}