(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35383],{20011:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return d}}),o(92379);var i=o(99183),s=o(28139),n=JSON.parse('{"props":{"alignItems":{"type":{"name":"enum","description":"\'center\'<br>&#124;&nbsp;\'flex-start\'"},"default":"\'center\'"},"autoFocus":{"type":{"name":"bool"},"default":"false"},"children":{"type":{"name":"node"}},"classes":{"type":{"name":"object"},"additionalInfo":{"cssApi":true}},"component":{"type":{"name":"elementType"}},"dense":{"type":{"name":"bool"},"default":"false"},"disabled":{"type":{"name":"bool"},"default":"false"},"disableGutters":{"type":{"name":"bool"},"default":"false"},"divider":{"type":{"name":"bool"},"default":"false"},"focusVisibleClassName":{"type":{"name":"string"}},"selected":{"type":{"name":"bool"},"default":"false"},"sx":{"type":{"name":"union","description":"Array&lt;func<br>&#124;&nbsp;object<br>&#124;&nbsp;bool&gt;<br>&#124;&nbsp;func<br>&#124;&nbsp;object"},"additionalInfo":{"sx":true}}},"name":"ListItemButton","imports":["import ListItemButton from \'@mui/material/ListItemButton\';","import { ListItemButton } from \'@mui/material\';"],"classes":[{"key":"alignItemsFlexStart","className":"MuiListItemButton-alignItemsFlexStart","description":"Styles applied to the component element if `alignItems=\\"flex-start\\"`.","isGlobal":false},{"key":"dense","className":"MuiListItemButton-dense","description":"Styles applied to the component element if dense.","isGlobal":false},{"key":"disabled","className":"Mui-disabled","description":"State class applied to the inner `component` element if `disabled={true}`.","isGlobal":true},{"key":"divider","className":"MuiListItemButton-divider","description":"Styles applied to the inner `component` element if `divider={true}`.","isGlobal":false},{"key":"focusVisible","className":"Mui-focusVisible","description":"State class applied to the `component`\'s `focusVisibleClassName` prop.","isGlobal":true},{"key":"gutters","className":"MuiListItemButton-gutters","description":"Styles applied to the inner `component` element unless `disableGutters={true}`.","isGlobal":false},{"key":"root","className":"MuiListItemButton-root","description":"Styles applied to the root element.","isGlobal":false},{"key":"selected","className":"Mui-selected","description":"State class applied to the root element if `selected={true}`.","isGlobal":true}],"spread":true,"themeDefaultProps":true,"muiName":"MuiListItemButton","forwardsRefTo":"HTMLDivElement","filename":"/packages/mui-material/src/ListItemButton/ListItemButton.js","inheritance":{"component":"ButtonBase","pathname":"/material-ui/api/button-base/"},"demos":"<ul><li><a href=\\"/material-ui/react-list/\\">Lists</a></li></ul>","cssComponent":false}'),a=o(651);function d(e){var t=e.descriptions,o=e.pageContent;return(0,a.jsx)(i.Z,{descriptions:t,pageContent:o})}d.getInitialProps=function(){var e=o(13238);return{descriptions:(0,s.Z)(e),pageContent:n}}},47265:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/material-ui/api/list-item-button",function(){return o(20011)}])},13238:function(e,t,o){var i={"./list-item-button.json":44556};function s(e){return o(n(e))}function n(e){if(!o.o(i,e)){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return i[e]}s.keys=function(){return Object.keys(i)},s.resolve=n,e.exports=s,s.id=13238},44556:function(e){"use strict";e.exports=JSON.parse('{"componentDescription":"","propDescriptions":{"alignItems":{"description":"Defines the <code>align-items</code> style property."},"autoFocus":{"description":"If <code>true</code>, the list item is focused during the first mount. Focus will also be triggered if the value changes from false to true."},"children":{"description":"The content of the component if a <code>ListItemSecondaryAction</code> is used it must be the last child."},"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."},"dense":{"description":"If <code>true</code>, compact vertical padding designed for keyboard and mouse input is used. The prop defaults to the value inherited from the parent List component."},"disabled":{"description":"If <code>true</code>, the component is disabled."},"disableGutters":{"description":"If <code>true</code>, the left and right padding is removed."},"divider":{"description":"If <code>true</code>, a 1px light border is added to the bottom of the list item."},"focusVisibleClassName":{"description":"This prop can help identify which element has keyboard focus. The class name will be applied when the element gains the focus through keyboard interaction. It&#39;s a polyfill for the <a href=\\"https://drafts.csswg.org/selectors-4/#the-focus-visible-pseudo\\">CSS :focus-visible selector</a>. The rationale for using this feature <a href=\\"https://github.com/WICG/focus-visible/blob/HEAD/explainer.md\\">is explained here</a>. A <a href=\\"https://github.com/WICG/focus-visible\\">polyfill can be used</a> to apply a <code>focus-visible</code> class to other components if needed."},"selected":{"description":"Use to apply selected styling."},"sx":{"description":"The system prop that allows defining system overrides as well as additional CSS styles."}},"classDescriptions":{"alignItemsFlexStart":{"description":"Styles applied to {{nodeName}} if {{conditions}}.","nodeName":"the component element","conditions":"<code>alignItems=\\"flex-start\\"</code>"},"dense":{"description":"Styles applied to {{nodeName}} if {{conditions}}.","nodeName":"the component element","conditions":"dense"},"disabled":{"description":"State class applied to {{nodeName}} if {{conditions}}.","nodeName":"the inner <code>component</code> element","conditions":"<code>disabled={true}</code>"},"divider":{"description":"Styles applied to {{nodeName}} if {{conditions}}.","nodeName":"the inner <code>component</code> element","conditions":"<code>divider={true}</code>"},"focusVisible":{"description":"State class applied to {{nodeName}}.","nodeName":"the <code>component</code>&#39;s <code>focusVisibleClassName</code> prop"},"gutters":{"description":"Styles applied to {{nodeName}} unless {{conditions}}.","nodeName":"the inner <code>component</code> element","conditions":"<code>disableGutters={true}</code>"},"root":{"description":"Styles applied to the root element."},"selected":{"description":"State class applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>selected={true}</code>"}}}')}},function(e){e.O(0,[49774,85593,97146,51015,49517,17376,77691,85426,4502,81392,2306,29455,28212,42055,11645,76965,40336,97991,38383,99183,24068,92888,40179],function(){return e(e.s=47265)}),_N_E=e.O()}]);