(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43832],{28142:function(e,t,o){"use strict";o.r(t),o.d(t,{default:function(){return r}}),o(92379);var n=o(25973),i=o(68301),s=JSON.parse('{"props":{"checked":{"type":{"name":"bool"}},"color":{"type":{"name":"union","description":"\'danger\'<br>&#124;&nbsp;\'primary\'<br>&#124;&nbsp;\'success\'<br>&#124;&nbsp;\'warning\'<br>&#124;&nbsp;string"},"default":"\'neutral\'","additionalInfo":{"joy-color":true}},"component":{"type":{"name":"elementType"}},"defaultChecked":{"type":{"name":"bool"}},"disabled":{"type":{"name":"bool"}},"endDecorator":{"type":{"name":"union","description":"node<br>&#124;&nbsp;func"}},"onChange":{"type":{"name":"func"},"signature":{"type":"function(event: React.ChangeEvent<HTMLInputElement>) => void","describedArgs":["event"]}},"readOnly":{"type":{"name":"bool"}},"required":{"type":{"name":"bool"}},"size":{"type":{"name":"union","description":"\'sm\'<br>&#124;&nbsp;\'md\'<br>&#124;&nbsp;\'lg\'<br>&#124;&nbsp;string"},"default":"\'md\'","additionalInfo":{"joy-size":true}},"slotProps":{"type":{"name":"shape","description":"{ action?: func<br>&#124;&nbsp;object, endDecorator?: func<br>&#124;&nbsp;object, input?: func<br>&#124;&nbsp;object, root?: func<br>&#124;&nbsp;object, startDecorator?: func<br>&#124;&nbsp;object, thumb?: func<br>&#124;&nbsp;object, track?: func<br>&#124;&nbsp;object }"},"default":"{}"},"slots":{"type":{"name":"shape","description":"{ action?: elementType, endDecorator?: elementType, input?: elementType, root?: elementType, startDecorator?: elementType, thumb?: elementType, track?: elementType }"},"default":"{}","additionalInfo":{"slotsApi":true}},"startDecorator":{"type":{"name":"union","description":"node<br>&#124;&nbsp;func"}},"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}},"variant":{"type":{"name":"union","description":"\'outlined\'<br>&#124;&nbsp;\'plain\'<br>&#124;&nbsp;\'soft\'<br>&#124;&nbsp;\'solid\'<br>&#124;&nbsp;string"},"default":"\'solid\'","additionalInfo":{"joy-variant":true}}},"name":"Switch","imports":["import Switch from \'@mui/joy/Switch\';","import { Switch } from \'@mui/joy\';"],"slots":[{"name":"root","description":"The component that renders the root.","default":"\'div\'","class":"MuiSwitch-root"},{"name":"thumb","description":"The component that renders the thumb.","default":"\'span\'","class":"MuiSwitch-thumb"},{"name":"action","description":"The component that renders the action.","default":"\'div\'","class":"MuiSwitch-action"},{"name":"input","description":"The component that renders the input.","default":"\'input\'","class":"MuiSwitch-input"},{"name":"track","description":"The component that renders the track.","default":"\'span\'","class":"MuiSwitch-track"},{"name":"startDecorator","description":"The component that renders the start decorator.","default":"\'span\'","class":"MuiSwitch-startDecorator"},{"name":"endDecorator","description":"The component that renders the end decorator.","default":"\'span\'","class":"MuiSwitch-endDecorator"}],"classes":[{"key":"checked","className":"Mui-checked","description":"State class applied to the root `checked` class.","isGlobal":true},{"key":"colorContext","className":"MuiSwitch-colorContext","description":"Class name applied to the root element when color inversion is triggered.","isGlobal":false},{"key":"colorDanger","className":"MuiSwitch-colorDanger","description":"Class name applied to the root element if `color=\\"danger\\"`.","isGlobal":false},{"key":"colorPrimary","className":"MuiSwitch-colorPrimary","description":"Class name applied to the root element if `color=\\"primary\\"`.","isGlobal":false},{"key":"colorSuccess","className":"MuiSwitch-colorSuccess","description":"Class name applied to the root element if `color=\\"success\\"`.","isGlobal":false},{"key":"colorWarning","className":"MuiSwitch-colorWarning","description":"Class name applied to the root element if `color=\\"warning\\"`.","isGlobal":false},{"key":"disabled","className":"Mui-disabled","description":"State class applied to the root disabled class.","isGlobal":true},{"key":"focusVisible","className":"Mui-focusVisible","description":"State class applied to the root element if the switch has visible focus","isGlobal":true},{"key":"readOnly","className":"Mui-readOnly","description":"Class name applied to the root element if the switch is read-only","isGlobal":true},{"key":"sizeLg","className":"MuiSwitch-sizeLg","description":"Class name applied to the root element if `size=\\"lg\\"`.","isGlobal":false},{"key":"sizeMd","className":"MuiSwitch-sizeMd","description":"Class name applied to the root element if `size=\\"md\\"`.","isGlobal":false},{"key":"sizeSm","className":"MuiSwitch-sizeSm","description":"Class name applied to the root element if `size=\\"sm\\"`.","isGlobal":false},{"key":"variantOutlined","className":"MuiSwitch-variantOutlined","description":"Class name applied to the root element if `variant=\\"outlined\\"`.","isGlobal":false},{"key":"variantSoft","className":"MuiSwitch-variantSoft","description":"Class name applied to the root element if `variant=\\"soft\\"`.","isGlobal":false},{"key":"variantSolid","className":"MuiSwitch-variantSolid","description":"Class name applied to the root element if `variant=\\"solid\\"`.","isGlobal":false}],"spread":true,"themeDefaultProps":true,"muiName":"JoySwitch","forwardsRefTo":"HTMLDivElement","filename":"/packages/mui-joy/src/Switch/Switch.tsx","inheritance":null,"demos":"<ul><li><a href=\\"/joy-ui/react-switch/\\">Switch</a></li></ul>","cssComponent":false}'),a=o(651);function r(e){var t=e.descriptions,o=e.pageContent;return(0,a.jsx)(n.Z,{descriptions:t,pageContent:o})}r.getInitialProps=function(){var e=o(85721);return{descriptions:(0,i.Z)(e),pageContent:s}}},3361:function(e,t,o){(window.__NEXT_P=window.__NEXT_P||[]).push(["/joy-ui/api/switch",function(){return o(28142)}])},85721:function(e,t,o){var n={"./switch.json":93533};function i(e){return o(s(e))}function s(e){if(!o.o(n,e)){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}return n[e]}i.keys=function(){return Object.keys(n)},i.resolve=s,e.exports=i,i.id=85721},93533:function(e){"use strict";e.exports=JSON.parse('{"componentDescription":"","propDescriptions":{"checked":{"description":"If <code>true</code>, the component is checked."},"color":{"description":"The color of the component. It supports those theme colors that make sense for this component."},"component":{"description":"The component used for the root node. Either a string to use a HTML element or a component."},"defaultChecked":{"description":"The default checked state. Use when the component is not controlled."},"disabled":{"description":"If <code>true</code>, the component is disabled."},"endDecorator":{"description":"The element that appears at the end of the switch."},"onChange":{"description":"Callback fired when the state is changed.","typeDescriptions":{"event":"The event source of the callback. You can pull out the new value by accessing <code>event.target.value</code> (string). You can pull out the new checked state by accessing <code>event.target.checked</code> (boolean)."}},"readOnly":{"description":"If <code>true</code>, the component is read only."},"required":{"description":"If <code>true</code>, the <code>input</code> element is required."},"size":{"description":"The size of the component."},"slotProps":{"description":"The props used for each slot inside."},"slots":{"description":"The components used for each slot inside."},"startDecorator":{"description":"The element that appears at the end of the switch."},"sx":{"description":"The system prop that allows defining system overrides as well as additional CSS styles."},"variant":{"description":"The <a href=\\"https://mui.com/joy-ui/main-features/global-variants/\\">global variant</a> to use."}},"classDescriptions":{"checked":{"description":"State class applied to {{nodeName}}.","nodeName":"the root <code>checked</code> class"},"colorContext":{"description":"Class name applied to {{nodeName}} when {{conditions}}.","nodeName":"the root element","conditions":"color inversion is triggered"},"colorDanger":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>color=\\"danger\\"</code>"},"colorPrimary":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>color=\\"primary\\"</code>"},"colorSuccess":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>color=\\"success\\"</code>"},"colorWarning":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>color=\\"warning\\"</code>"},"disabled":{"description":"State class applied to {{nodeName}}.","nodeName":"the root disabled class"},"focusVisible":{"description":"State class applied to the root element if the switch has visible focus"},"readOnly":{"description":"Class name applied to the root element if the switch is read-only"},"sizeLg":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>size=\\"lg\\"</code>"},"sizeMd":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>size=\\"md\\"</code>"},"sizeSm":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>size=\\"sm\\"</code>"},"variantOutlined":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>variant=\\"outlined\\"</code>"},"variantSoft":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>variant=\\"soft\\"</code>"},"variantSolid":{"description":"Class name applied to {{nodeName}} if {{conditions}}.","nodeName":"the root element","conditions":"<code>variant=\\"solid\\"</code>"}},"slotDescriptions":{"action":"The component that renders the action.","endDecorator":"The component that renders the end decorator.","input":"The component that renders the input.","root":"The component that renders the root.","startDecorator":"The component that renders the start decorator.","thumb":"The component that renders the thumb.","track":"The component that renders the track."}}')}},function(e){e.O(0,[49774,43706,97146,32706,10556,17376,13039,79955,14951,52987,44002,86231,60590,4648,60213,74461,86652,51233,44499,25973,1458,92888,40179],function(){return e(e.s=3361)}),_N_E=e.O()}]);