{
  "componentDescription": "",
  "propDescriptions": {
    "classes": { "description": "Override or extend the styles applied to the component." },
    "icon": { "description": "The icon to display." },
    "openIcon": {
      "description": "The icon to display in the SpeedDial Floating Action Button when the SpeedDial is open."
    },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    }
  },
  "classDescriptions": {
    "icon": { "description": "Styles applied to {{nodeName}}.", "nodeName": "the icon component" },
    "iconOpen": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the icon component",
      "conditions": "<code>open={true}</code>"
    },
    "iconWithOpenIconOpen": {
      "description": "Styles applied to {{nodeName}} when {{conditions}}.",
      "nodeName": "the icon",
      "conditions": "an <code>openIcon</code> is provided and if <code>open={true}</code>"
    },
    "openIcon": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the <code>openIcon</code>",
      "conditions": "provided"
    },
    "openIconOpen": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the <code>openIcon</code>",
      "conditions": "provided and if <code>open={true}</code>"
    },
    "root": { "description": "Styles applied to the root element." }
  }
}