{
  "componentDescription": "",
  "propDescriptions": {
    "children": {
      "description": "This prop isn&#39;t supported. Use the <code>component</code> prop if you need to change the children structure."
    },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "icon": { "description": "The icon to display." },
    "label": { "description": "The label element." },
    "showLabel": {
      "description": "If <code>true</code>, the <code>BottomNavigationAction</code> will show its label. By default, only the selected <code>BottomNavigationAction</code> inside <code>BottomNavigation</code> will show its label.<br>The prop defaults to the value (<code>false</code>) inherited from the parent BottomNavigation component."
    },
    "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."
    },
    "value": {
      "description": "You can provide your own value. Otherwise, we fallback to the child position index."
    }
  },
  "classDescriptions": {
    "iconOnly": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>showLabel={false}</code> and not selected"
    },
    "selected": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "selected"
    }
  },
  "slotDescriptions": {
    "label": "The component that renders the label.",
    "root": "The component that renders the root."
  }
}