{
  "componentDescription": "The component renders a `<th>` element when the parent context is a header\nor otherwise a `<td>` element.",
  "propDescriptions": {
    "align": {
      "description": "Set the text-align on the table cell content.<br>Monetary or generally number fields <strong>should be right aligned</strong> as that allows you to add them up quickly in your head without having to worry about decimals."
    },
    "children": { "description": "The content of the component." },
    "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."
    },
    "padding": {
      "description": "Sets the padding applied to the cell. The prop defaults to the value (<code>&#39;default&#39;</code>) inherited from the parent Table component."
    },
    "scope": { "description": "Set scope attribute." },
    "size": {
      "description": "Specify the size of the cell. The prop defaults to the value (<code>&#39;medium&#39;</code>) inherited from the parent Table component."
    },
    "sortDirection": { "description": "Set aria-sort direction." },
    "sx": {
      "description": "The system prop that allows defining system overrides as well as additional CSS styles."
    },
    "variant": {
      "description": "Specify the cell type. The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components."
    }
  },
  "classDescriptions": {
    "alignCenter": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>align=\"center\"</code>"
    },
    "alignJustify": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>align=\"justify\"</code>"
    },
    "alignLeft": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>align=\"left\"</code>"
    },
    "alignRight": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>align=\"right\"</code>"
    },
    "body": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"body\"</code> or <code>context.table.body</code>"
    },
    "footer": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"footer\"</code> or <code>context.table.footer</code>"
    },
    "head": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>variant=\"head\"</code> or <code>context.table.head</code>"
    },
    "paddingCheckbox": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>padding=\"checkbox\"</code>"
    },
    "paddingNone": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>padding=\"none\"</code>"
    },
    "root": { "description": "Styles applied to the root element." },
    "sizeMedium": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>size=\"medium\"</code>"
    },
    "sizeSmall": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>size=\"small\"</code>"
    },
    "stickyHeader": {
      "description": "Styles applied to {{nodeName}} if {{conditions}}.",
      "nodeName": "the root element",
      "conditions": "<code>context.table.stickyHeader={true}</code>"
    }
  }
}