{
  "componentDescription": "A button based label for placing inside `TableCell` for column sorting.",
  "propDescriptions": {
    "active": {
      "description": "If <code>true</code>, the label will have the active styling (should be true for the sorted column)."
    },
    "children": { "description": "Label contents, the arrow will be appended automatically." },
    "classes": { "description": "Override or extend the styles applied to the component." },
    "direction": { "description": "The current sort direction." },
    "hideSortIcon": { "description": "Hide sort icon when active is false." },
    "IconComponent": { "description": "Sort icon to use." },
    "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."
    }
  },
  "classDescriptions": {
    "active": {
      "description": "State class applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>active={true}</code>"
    },
    "directionAsc": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>direction=\"asc\"</code>"
    },
    "directionDesc": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>direction=\"desc\"</code>"
    },
    "iconDirectionAsc": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the icon component",
      "conditions": "<code>direction=\"asc\"</code>",
      "deprecationInfo": "Combine the <a href=\"/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon\">.MuiTableSortLabel-icon</a> and <a href=\"/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionAsc\">.MuiTableSortLabel-directionAsc</a> classes instead. See <a href=\"/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
    },
    "iconDirectionDesc": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the icon component",
      "conditions": "<code>direction=\"desc\"</code>",
      "deprecationInfo": "Combine the <a href=\"/material-ui/api/table-sort-label/#TableSortLabel-css-MuiTableSortLabel-icon\">.MuiTableSortLabel-icon</a> and <a href=\"/material-ui/api/table-sort-label/#table-sort-label-classes-MuiTableSortLabel-directionDesc\">.MuiTableSortLabel-directionDesc</a> classes instead. See <a href=\"/material-ui/migration/migrating-from-deprecated-apis/\">Migrating from deprecated APIs</a> for more details."
    }
  },
  "slotDescriptions": {
    "icon": "The component that renders the icon slot.",
    "root": "The component that renders the root slot."
  }
}