{
  "props": {
    "direction": {
      "type": { "name": "enum", "description": "'column'<br>&#124;&nbsp;'row'" },
      "required": true
    },
    "position": {
      "type": {
        "name": "shape",
        "description": "{ horizontal: 'left'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'right', vertical: 'bottom'<br>&#124;&nbsp;'middle'<br>&#124;&nbsp;'top' }"
      },
      "required": true
    },
    "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
    "hidden": { "type": { "name": "bool" }, "default": "false" },
    "itemGap": { "type": { "name": "number" }, "default": "10" },
    "itemMarkHeight": { "type": { "name": "number" }, "default": "20" },
    "itemMarkWidth": { "type": { "name": "number" }, "default": "20" },
    "labelStyle": { "type": { "name": "object" }, "default": "theme.typography.subtitle1" },
    "markGap": { "type": { "name": "number" }, "default": "5" },
    "onItemClick": {
      "type": { "name": "func" },
      "signature": {
        "type": "function(event: React.MouseEvent<SVGRectElement, MouseEvent>, legendItem: SeriesLegendItemContext, index: number) => void",
        "describedArgs": ["event", "legendItem", "index"]
      }
    },
    "padding": {
      "type": {
        "name": "union",
        "description": "number<br>&#124;&nbsp;{ bottom?: number, left?: number, right?: number, top?: number }"
      },
      "default": "10"
    }
  },
  "name": "DefaultChartsLegend",
  "imports": [
    "import { DefaultChartsLegend } from '@mui/x-charts/ChartsLegend';",
    "import { DefaultChartsLegend } from '@mui/x-charts';",
    "import { DefaultChartsLegend } from '@mui/x-charts-pro';"
  ],
  "classes": [
    {
      "key": "column",
      "className": "MuiDefaultChartsLegend-column",
      "description": "Styles applied to the legend with column layout.",
      "isGlobal": false
    },
    {
      "key": "itemBackground",
      "className": "MuiDefaultChartsLegend-itemBackground",
      "description": "Styles applied to the item background.",
      "isGlobal": false
    },
    {
      "key": "label",
      "className": "MuiDefaultChartsLegend-label",
      "description": "Styles applied to the series label.",
      "isGlobal": false
    },
    {
      "key": "mark",
      "className": "MuiDefaultChartsLegend-mark",
      "description": "Styles applied to series mark element.",
      "isGlobal": false
    },
    {
      "key": "root",
      "className": "MuiDefaultChartsLegend-root",
      "description": "Styles applied to the root element.",
      "isGlobal": false
    },
    {
      "key": "row",
      "className": "MuiDefaultChartsLegend-row",
      "description": "Styles applied to the legend with row layout.",
      "isGlobal": false
    },
    {
      "key": "series",
      "className": "MuiDefaultChartsLegend-series",
      "description": "Styles applied to a series element.",
      "isGlobal": false
    }
  ],
  "muiName": "MuiDefaultChartsLegend",
  "filename": "/packages/x-charts/src/ChartsLegend/DefaultChartsLegend.tsx",
  "inheritance": null,
  "demos": "<ul><li><a href=\"/x/react-charts/legend/\">Charts - Legend</a></li></ul>",
  "cssComponent": false
}
