{
  "componentDescription": "An unstyled option to be used within a Select.",
  "propDescriptions": {
    "disabled": { "description": "If <code>true</code>, the option will be disabled." },
    "label": {
      "description": "A text representation of the option&#39;s content. Used for keyboard text navigation matching."
    },
    "slotProps": { "description": "The props used for each slot inside the Option." },
    "slots": {
      "description": "The components used for each slot inside the Option. Either a string to use a HTML element or a component."
    },
    "value": { "description": "The value of the option." }
  },
  "classDescriptions": {
    "disabled": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root <code>li</code> element",
      "conditions": "<code>disabled={true}</code>"
    },
    "highlighted": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root <code>li</code> element",
      "conditions": "<code>highlighted={true}</code>"
    },
    "selected": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root <code>li</code> element",
      "conditions": "<code>selected={true}</code>"
    }
  },
  "slotDescriptions": { "root": "The component that renders the root." }
}