{
  "componentDescription": "",
  "propDescriptions": {
    "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>, the left and right padding is removed."
    },
    "fixed": {
      "description": "Set the max-width to match the min-width of the current breakpoint. This is useful if you&#39;d prefer to design for a fixed set of sizes instead of trying to accommodate a fully fluid viewport. It&#39;s fluid by default."
    },
    "maxWidth": {
      "description": "Determine the max-width of the container. The container width grows with the size of the screen. Set to <code>false</code> to disable <code>maxWidth</code>."
    },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    }
  },
  "classDescriptions": {
    "disableGutters": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>disableGutters={true}</code>"
    },
    "fixed": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>fixed={true}</code>"
    },
    "maxWidthLg": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>maxWidth=\"lg\"</code>"
    },
    "maxWidthMd": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>maxWidth=\"md\"</code>"
    },
    "maxWidthSm": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>maxWidth=\"sm\"</code>"
    },
    "maxWidthXl": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>maxWidth=\"xl\"</code>"
    },
    "maxWidthXs": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>maxWidth=\"xs\"</code>"
    },
    "root": { "description": "Styles applied to the root element." }
  }
}