https://enlite-static.netlify.app/6270.e5ba6458a27035ca51f3.chunk.js

1"use strict";(self.webpackChunkenlite_prime=self.webpackChunkenlite_prime||[]).push([[6270],{16270:(e,a,t)=>{t.d(a,{EO:()=>mr,u:()=>as,q_:()=>de,sR:()=>Cl,sH:()=>$i,JB:()=>fl,J3:()=>b,e8:()=>L,SW:()=>fn,hI:()=>Pn,cw:()=>$n,Et:()=>ll,e1:()=>Ed,xB:()=>Cs,te:()=>Xs,i4:()=>Fd,uD:()=>ti,Nz:()=>$t,a:()=>Pe,wN:()=>hs,Ak:()=>us,ez:()=>so,kH:()=>qa,Cw:()=>Mo,bX:()=>Dr,hd:()=>Ue,gl:()=>ls,Tg:()=>Hn,Vl:()=>Jd,zx:()=>ld,vL:()=>Ud,cz:()=>C,ne:()=>en,bS:()=>Zs,_w:()=>rc,R7:()=>tc,qn:()=>Es});t(76030);var i,o=t(77810),r=t(24320),l=t(38235),n=t(33364),d=t(97394),s=t(26833),c=t.n(s),u=t(60288),m=t(4621),v=t.n(m),p=t(68632),y=t.n(p);function h(){return h=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},h.apply(this,arguments)}function f(e,a,t,o){i||(i="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var r=e&&e.defaultProps,l=arguments.length-3;if(a||0===l||(a={children:void 0}),1===l)a.children=o;else if(l>1){for(var n=new Array(l),d=0;d<l;d++)n[d]=arguments[d+3];a.children=n}if(a&&r)for(var s in r)void 0===a[s]&&(a[s]=r[s]);else a||(a=r||{});return{$$typeof:i,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const g=(0,u.n9)()((e=>({demo:{height:240},divider:{margin:`${e.spacing(3)} 0`},picker:{margin:`${e.spacing(3)} 5px`}})));const b=function(){const[e,a]=(0,o.useState)(new Date),t=e=>{a(e)},{classes:i}=g();return f(y(),{container:!0,alignItems:"center",justifyContent:"space-around",direction:"row"},void 0,f(y(),{item:!0,md:6,className:i.demo},void 0,f(v(),{variant:"button",className:i.divider},void 0,"Basic usage"),f("div",{className:i.picker},void 0,f(r.$J,{dateAdapter:l.Y},void 0,f(d.T,{label:"Date desktop",value:e,onChange:t,renderInput:e=>o.createElement(c(),h({},e,{variant:"standard"}))}))),f("div",{className:i.picker},void 0,f(r.$J,{dateAdapter:l.Y},void 0,f(n.$,{label:"Date mobile",value:e,onChange:t,renderInput:e=>o.createElement(c(),h({},e,{variant:"standard"}))})))),f(y(),{item:!0,md:6,className:i.demo},void 0,f(v(),{variant:"button",className:i.divider},void 0,"Native pickers"),f("div",{className:i.picker},void 0,f(c(),{id:"date",label:"Birthday",type:"date",variant:"standard",defaultValue:"2017-05-24",sx:{width:220},InputLabelProps:{shrink:!0}}))))};var S,N=t(64295);function w(){return w=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},w.apply(this,arguments)}function k(e,a,t,i){S||(S="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:S,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const T=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},picker:{margin:`${e.spacing(3)} 5px`}})));const C=function(){const[e,a]=(0,o.useState)(new Date),{classes:t}=T();return k(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,k(y(),{item:!0,md:6,className:t.demo},void 0,k(v(),{variant:"button",className:t.divider},void 0,"Basic usage"),k(v(),{className:t.divider},void 0,"A time picker should adjusts to a user\u2019s preferred time setting, i.e. the 12-hour or 24-hour format."),k("div",{className:t.picker},void 0,k(r.$J,{dateAdapter:l.Y},void 0,k(N.AG,{label:"Time",value:e,onChange:e=>{a(e)},renderInput:e=>o.createElement(c(),w({},e,{variant:"standard"}))})))),k(y(),{item:!0,md:6,className:t.demo},void 0,k(v(),{variant:"button",className:t.divider},void 0,"Native pickers"),k(v(),{className:t.divider},void 0,"Native input controls support by browsers."),k("div",{className:t.picker},void 0,k(c(),{id:"time",label:"Alarm clock",type:"time",defaultValue:"07:30",variant:"standard",InputLabelProps:{shrink:!0},inputProps:{step:300},sx:{width:150}}))))};var x,A=t(87899);function P(){return P=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},P.apply(this,arguments)}function F(e,a,t,i){x||(x="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:x,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const I=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},picker:{margin:`${e.spacing(3)} 5px`}})));const L=function(){const[e,a]=(0,o.useState)(new Date),{classes:t}=I();return F(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,F(y(),{item:!0,md:6,className:t.demo},void 0,F(v(),{variant:"button",className:t.divider},void 0,"Basic usage"),F("div",{className:t.picker},void 0,F(r.$J,{dateAdapter:l.Y}

1,void 0,F(A.K7,{value:e,onChange:e=>{a(e)},label:"DateTimePicker",renderInput:e=>o.createElement(c(),P({},e,{variant:"standard"}))})))),F(y(),{item:!0,md:6,className:t.demo},void 0,F(v(),{variant:"button",className:t.divider},void 0,"Native pickers"),F("div",{className:t.picker},void 0,F(c(),{id:"datetime-local",label:"Next appointment",type:"datetime-local",defaultValue:"2017-05-24T10:30",variant:"standard",sx:{width:250},InputLabelProps:{shrink:!0}}))))};var D,B=t(74953),$=t.n(B),R=t(46004),M=t(62558),O=t(44274),W=t(59635),E=t(62781),V=t(89247),G=t.n(V),j=t(32804),U=t.n(j),z=t(92039),H=t.n(z),K=t(32505),_=t.n(K),J=t(96857),q=t.n(J);function X(e,a,t,i){D||(D="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:D,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Y=(0,u.n9)()(((e,a,t)=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},root:{color:R.green[600],[`&.${t.checked}`]:{color:R.green[500]}},checked:{},size:{width:40,height:40},sizeIcon:{fontSize:20}})));var Q=X($(),{value:"checkedC"}),Z=X($(),{disabled:!0,value:"checkedD"}),ee=X($(),{disabled:!0,checked:!0,value:"checkedE"}),ae=X($(),{defaultChecked:!0,color:"default",value:"checkedG"}),te=X(H(),{control:X($(),{value:"checkedC"}),label:"Uncontrolled"}),ie=X(H(),{disabled:!0,control:X($(),{value:"checkedD"}),label:"Disabled"}),oe=X(H(),{disabled:!0,control:X($(),{checked:!0,value:"checkedE"}),label:"Disabled"}),re=X(H(),{control:X($(),{icon:X(E.A,{}),checkedIcon:X(W.A,{}),value:"checkedH"}),label:"Custom icon"}),le=X(U(),{component:"legend"},void 0,"Assign responsibility"),ne=X(_(),{},void 0,"Be careful");const de=function(){const{classes:e}=Y(),[a,t]=(0,o.useState)({checkedA:!0,checkedB:!0,checkedF:!0,checkedG:!0,gilad:!0,jason:!1,antoine:!0}),i=e=>i=>{t({...a,[e]:i.target.checked})},{checkedA:r,checkedB:l,checkedF:n,gilad:d,jason:s,antoine:c,checkedG:u}=a;return X(o.Fragment,{},void 0,X(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,X(y(),{item:!0,md:3,className:e.demo},void 0,X(v(),{variant:"button",className:e.divider},void 0,"Basic usage"),X("div",{},void 0,X($(),{checked:r,onChange:i("checkedA"),value:"checkedA"}),X($(),{checked:l,onChange:i("checkedB"),value:"checkedB",color:"primary"}),Q,Z,ee,X($(),{checked:n,onChange:i("checkedF"),value:"checkedF",indeterminate:!0}),ae)),X(y(),{item:!0,md:5,className:e.demo},void 0,X(v(),{variant:"button",className:e.divider},void 0,"Checkbox with label"),X(v(),{className:e.divider},void 0,"Checkbox can also be used with a label description thanks to the FormControlLabel component."),X("div",{},void 0,X(q(),{row:!0},void 0,X(H(),{control:X($(),{checked:r,onChange:i("checkedA"),value:"checkedA"}),label:"Secondary"}),X(H(),{control:X($(),{checked:l,onChange:i("checkedB"),value:"checkedB",color:"primary"}),label:"Primary"}),te,ie,oe,X(H(),{control:X($(),{checked:n,onChange:i("checkedF"),value:"checkedF",indeterminate:!0}),label:"Indeterminate"}),X(H(),{control:X($(),{checked:u,onChange:i("checkedG"),value:"checkedG",classes:{root:e.root,checked:e.checked}}),label:"Custom color"}),re,X(H(),{control:X($(),{className:e.size,icon:X(M.A,{className:e.sizeIcon}),checkedIcon:X(O.A,{className:e.sizeIcon}),value:"checkedI"}),label:"Custom size"})))),X(y(),{item:!0,md:4,className:e.demo},void 0,X(v(),{variant:"button",className:e.divider},void 0,"Checkbox in Form Group"),X(v(),{className:e.divider},void 0,"FormGroup is a helpful wrapper used to group selection controls components that provides an easier API."),X("div",{},void 0,X(G(),{variant:"standard",component:"fieldset"},void 0,le,X(q(),{},void 0,X(H(),{control:X($(),{checked:d,onChange:i("gilad"),value:"gilad"}),label:"Gilad Gray"}),X(H(),{control:X($(),{checked:s,onChange:i("jason"),value:"jason"}),label:"Jason Killian"}),X(H(),{control:X($(),{checked:c,onChange:i("antoine"),value:"antoine"}),label:"Antoine Llorca"})),ne)))))};var se,ce=t(51943),ue=t.n(ce),me=t(92238),ve=t(47550),pe=t(73331);function ye(e,a,t,i){se||(se="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:se,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const he=(0,u.n9)()(((e,a,t)=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},root:{color:R.green[600],[`&.${t.checked}`]:{color:R.green[500]}},formControl:{margin:e.spacing(3)},group:{margin:`${e.spacing(1)} 0`},checked:{},size:{width:40,height:40},sizeIcon:{fontSize:20}})));var fe=ye(U(),{component:"legend"},void 0,"Gender"),ge=ye(H(),{value:"female",control:ye(ue(),{}),label:"Female"}),be=ye(H(),{value:"male",control:ye(ue(),{}),label:"Male"}),Se=ye(H(),{value:"other",control:ye(ue(),{}),label:"Other"}),Ne=ye(H(),{value:"disabled",disabled:!0,control:ye(ue(),{}),label:"(Disabled option)"}),we=ye(U(),{component:"legend"},void 0,"Gender"),ke=ye(H(),{value:"male",control:ye(ue(),{color:"primary"}),label:"Male"}),Te=ye(H(),{value:"female",control:ye(ue(),{color:"primary"}),label:"Female"}),Ce=ye(H(),{value:"other",control:ye(ue(),{color:"primary"}),label:"Other"}),xe=ye(H(),{value:"disabled",disabled:!0,control:ye(ue(),{}),label:"(Disabled option)"}),Ae=ye(_(),{},void 0,"You can display an error");const Pe=function(){const[e,a]=(0,o.useState)("female"),[t,i]=(0,o.useState)("a"),r=e=>{a(e.target.value)},l=e=>{i(e.target.value)},{classes:n}=he();return ye(o.Fragment,{},void 0,ye(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,ye(y(),{item:!0,md:7,className:n.demo},void 0,ye(v(),{variant:"button",className:n.divider},void 0,"Basic usage"),ye(v(),{className:n.divider},void 0,"Radio buttons should have the most commonly used option selected by default."),ye("div",{},void 0,ye(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,ye(y(),{item:!0,md:6,className:n.demo},void 0,ye(G(),{variant:"standard",component:"fieldset",required:!0,className:n.formControl},void 0,fe,ye(me.default,{"aria-label":"gender",name:"gender1",className:n.group,value:e,onCh

1ange:r},void 0,ge,be,Se,Ne))),ye(y(),{item:!0,md:6,className:n.demo},void 0,ye(G(),{variant:"standard",component:"fieldset",required:!0,error:!0,className:n.formControl},void 0,we,ye(me.default,{"aria-label":"gender",name:"gender2",className:n.group,value:e,onChange:r},void 0,ke,Te,Ce,xe),Ae))))),ye(y(),{item:!0,md:5,className:n.demo},void 0,ye("div",{},void 0,ye(v(),{variant:"button",className:n.divider},void 0,"Radio without label"),ye(v(),{className:n.divider},void 0,"Radio can also be used standalone, without the wrapper."),ye(ue(),{checked:"a"===t,onChange:l,value:"a",name:"radio-button-demo","aria-label":"A"}),ye(ue(),{checked:"b"===t,onChange:l,value:"b",name:"radio-button-demo","aria-label":"B"}),ye(ue(),{checked:"c"===t,onChange:l,value:"c",name:"radio-button-demo","aria-label":"C",classes:{root:n.root,checked:n.checked}}),ye(ue(),{checked:"d"===t,onChange:l,value:"d",color:"default",name:"radio-button-demo","aria-label":"D"}),ye(ue(),{checked:"e"===t,onChange:l,value:"e",color:"default",name:"radio-button-demo","aria-label":"E",className:n.size,icon:ye(ve.A,{className:n.sizeIcon}),checkedIcon:ye(pe.A,{className:n.sizeIcon})})))))};var Fe,Ie=t(71532),Le=t.n(Ie);function De(e,a,t,i){Fe||(Fe="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Fe,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Be=(0,u.n9)()(((e,a,t)=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},formControl:{margin:e.spacing(3)},group:{margin:`${e.spacing(1)} 0`},switchBase:{color:R.green[50],[`&.${t.checked}`]:{color:R.green[500],[`& + .${t.bar}`]:{backgroundColor:R.green[500]}}},bar:{},checked:{},size:{width:40,height:40},sizeIcon:{fontSize:20}})));var $e=De(Le(),{value:"checkedC"}),Re=De(Le(),{disabled:!0,value:"checkedD"}),Me=De(Le(),{disabled:!0,checked:!0,value:"checkedE"}),Oe=De(Le(),{defaultChecked:!0,value:"checkedF",color:"default"}),We=De(H(),{control:De(Le(),{value:"checkedC"}),label:"Uncontrolled"}),Ee=De(H(),{disabled:!0,control:De(Le(),{value:"checkedD"}),label:"Disabled"}),Ve=De(H(),{disabled:!0,control:De(Le(),{checked:!0,value:"checkedE"}),label:"Disabled"}),Ge=De(U(),{component:"legend"},void 0,"Assign responsibility"),je=De(_(),{},void 0,"Be careful");const Ue=function(){const{classes:e}=Be(),[a,t]=(0,o.useState)({checkedA:!0,checkedB:!0,checkedF:!0,gilad:!0,jason:!1,antonie:!0}),i=e=>i=>{t({...a,[e]:i.target.checked})};return De(o.Fragment,{},void 0,De(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,De(y(),{item:!0,md:3,className:e.demo},void 0,De(v(),{variant:"button",className:e.divider},void 0,"Basic usage"),De("div",{},void 0,De(Le(),{checked:a.checkedA,onChange:i("checkedA"),value:"checkedA"}),De(Le(),{checked:a.checkedB,onChange:i("checkedB"),value:"checkedB",color:"primary"}),$e,Re,Me,Oe)),De(y(),{item:!0,md:4,className:e.demo},void 0,De(v(),{variant:"button",className:e.divider},void 0,"Switch with label"),De(v(),{className:e.divider},void 0,"Switch can also be used with a label description thanks to the FormControlLabel component."),De("div",{},void 0,De(q(),{row:!0},void 0,De(H(),{control:De(Le(),{checked:a.checkedA,onChange:i("checkedA"),value:"checkedA"}),label:"Secondary"}),De(H(),{control:De(Le(),{checked:a.checkedB,onChange:i("checkedB"),value:"checkedB",color:"primary"}),label:"Primary"}),We,Ee,Ve,De(H(),{control:De(Le(),{checked:a.checkedF,onChange:i("checkedF"),value:"checkedF",classes:{switchBase:e.switchBase,checked:e.checked,track:e.bar}}),label:"Custom color"})))),De(y(),{item:!0,md:5,className:e.demo},void 0,De(v(),{variant:"button",className:e.divider},void 0,"Switch in Form Group"),De(v(),{className:e.divider},void 0,"FormGroup is a helpful wrapper used to group selection controls components that provides an easier API. However, we encourage you to use a Checkbox instead."),De("div",{},void 0,De(G(),{variant:"standard",component:"fieldset"},void 0,Ge,De(q(),{},void 0,De(H(),{control:De(Le(),{checked:a.gilad,onChange:i("gilad"),value:"gilad"}),label:"Gilad Gray"}),De(H(),{control:De(Le(),{checked:a.jason,onChange:i("jason"),value:"jason"}),label:"Jason Killian"}),De(H(),{control:De(Le(),{checked:a.antonie,onChange:i("antonie"),value:"antonie"}),label:"Antoine Llorca"})),je)))))};var ze,He=t(62644),Ke=t.n(He),_e=t(12302),Je=t.n(_e),qe=t(11552),Xe=t.n(qe),Ye=t(4368),Qe=t.n(Ye);function Ze(e,a,t,i){ze||(ze="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ze,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const ea=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},root:{display:"flex",flexWrap:"wrap"},formControl:{margin:e.spacing(1),minWidth:120},selectEmpty:{marginTop:e.spacing(2)}})));var aa=Ze(Je(),{htmlFor:"age-simple"},void 0,"Age"),ta=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),ia=Ze(Xe(),{value:10},void 0,"Ten"),oa=Ze(Xe(),{value:20},void 0,"Twenty"),ra=Ze(Xe(),{value:30},void 0,"Thirty"),la=Ze(Je(),{htmlFor:"age-helper"},void 0,"Age"),na=Ze(Ke(),{name:"age",id:"age-helper"}),da=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),sa=Ze(Xe(),{value:10},void 0,"Ten"),ca=Ze(Xe(),{value:20},void 0,"Twenty"),ua=Ze(Xe(),{value:30},void 0,"Thirty"),ma=Ze(_(),{},void 0,"Some important helper text"),va=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),pa=Ze(Xe(),{value:10},void 0,"Ten"),ya=Ze(Xe(),{value:20},void 0,"Twenty"),ha=Ze(Xe(),{value:30},void 0,"Thirty"),fa=Ze(_(),{},void 0,"Without label"),ga=Ze(Je(),{htmlFor:"name-disabled"},void 0,"Name"),ba=Ze(Ke(),{name:"name",id:"name-disabled"}),Sa=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),Na=Ze(Xe(),{value:"hai"},void 0,"Hai"),wa=Ze(Xe(),{value:"olivier"},void 0,"Olivier"),ka=Ze(Xe(),{value:"kevin"},void 0,"Kevin"),Ta=Ze(_(),{}

1,void 0,"Disabled"),Ca=Ze(Je(),{htmlFor:"name-error"},void 0,"Name"),xa=Ze(Ke(),{id:"name-error"}),Aa=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),Pa=Ze(Xe(),{value:"hai"},void 0,"Hai"),Fa=Ze(Xe(),{value:"olivier"},void 0,"Olivier"),Ia=Ze(Xe(),{value:"kevin"},void 0,"Kevin"),La=Ze(_(),{},void 0,"Error"),Da=Ze(Je(),{htmlFor:"name-input"},void 0,"Name"),Ba=Ze(Ke(),{id:"name-input"}),$a=Ze(_(),{},void 0,"Alignment with an input"),Ra=Ze(Je(),{htmlFor:"name-readonly"},void 0,"Name"),Ma=Ze(Ke(),{name:"name",id:"name-readonly",readOnly:!0}),Oa=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),Wa=Ze(Xe(),{value:"hai"},void 0,"Hai"),Ea=Ze(Xe(),{value:"olivier"},void 0,"Olivier"),Va=Ze(Xe(),{value:"kevin"},void 0,"Kevin"),Ga=Ze(_(),{},void 0,"Read only"),ja=Ze(Je(),{htmlFor:"age-simple2"},void 0,"Age"),Ua=Ze(Ke(),{name:"age",id:"age-simple2"}),za=Ze(Xe(),{value:""},void 0,Ze("em",{},void 0,"None")),Ha=Ze(Xe(),{value:10},void 0,"Ten"),Ka=Ze(Xe(),{value:20},void 0,"Twenty"),_a=Ze(Xe(),{value:30},void 0,"Thirty"),Ja=Ze(_(),{},void 0,"Auto width");const qa=function(){const{classes:e}=ea(),[a,t]=(0,o.useState)({age:"",name:"hai"}),i=e=>{t({...a,[e.target.name]:e.target.value})};return Ze(o.Fragment,{},void 0,Ze("form",{className:e.root,autoComplete:"off"},void 0,Ze(G(),{variant:"standard",className:e.formControl},void 0,aa,Ze(Qe(),{variant:"standard",value:a.age,onChange:i,inputProps:{name:"age",id:"age-simple"}},void 0,ta,ia,oa,ra)),Ze(G(),{variant:"standard",className:e.formControl},void 0,la,Ze(Qe(),{variant:"standard",value:a.age,onChange:i,input:na},void 0,da,sa,ca,ua),ma),Ze(G(),{variant:"standard",className:e.formControl},void 0,Ze(Qe(),{variant:"standard",value:a.age,onChange:i,displayEmpty:!0,name:"age",className:e.selectEmpty},void 0,va,pa,ya,ha),fa),Ze(G(),{variant:"standard",className:e.formControl,disabled:!0},void 0,ga,Ze(Qe(),{variant:"standard",value:a.name,onChange:i,input:ba},void 0,Sa,Na,wa,ka),Ta),Ze(G(),{variant:"standard",className:e.formControl,error:!0},void 0,Ca,Ze(Qe(),{variant:"standard",value:a.name,onChange:i,name:"name",renderValue:e=>`\u26a0\ufe0f  - ${e}`,input:xa},void 0,Aa,Pa,Fa,Ia),La),Ze(G(),{variant:"standard",className:e.formControl},void 0,Da,Ba,$a),Ze(G(),{variant:"standard",className:e.formControl},void 0,Ra,Ze(Qe(),{variant:"standard",value:a.name,onChange:i,input:Ma},void 0,Oa,Wa,Ea,Va),Ga),Ze(G(),{variant:"standard",className:e.formControl},void 0,ja,Ze(Qe(),{variant:"standard",value:a.age,onChange:i,input:Ua,autoWidth:!0},void 0,za,Ha,Ka,_a),Ja)))};var Xa;function Ya(e,a,t,i){Xa||(Xa="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Xa,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Qa=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},root:{display:"flex",flexWrap:"wrap"},formControl:{margin:e.spacing(1),minWidth:120},selectEmpty:{marginTop:e.spacing(2)}})));var Za=Ya(Je(),{htmlFor:"age-native-simple"},void 0,"Age"),et=Ya("option",{value:""}),at=Ya("option",{value:10},void 0,"Ten"),tt=Ya("option",{value:20},void 0,"Twenty"),it=Ya("option",{value:30},void 0,"Thirty"),ot=Ya(Je(),{htmlFor:"age-native-helper"},void 0,"Age"),rt=Ya(Ke(),{id:"age-native-helper"}),lt=Ya("option",{value:""}),nt=Ya("option",{value:10},void 0,"Ten"),dt=Ya("option",{value:20},void 0,"Twenty"),st=Ya("option",{value:30},void 0,"Thirty"),ct=Ya(_(),{},void 0,"Some important helper text"),ut=Ya("option",{value:""},void 0,"None"),mt=Ya("option",{value:10},void 0,"Ten"),vt=Ya("option",{value:20},void 0,"Twenty"),pt=Ya("option",{value:30},void 0,"Thirty"),yt=Ya(_(),{},void 0,"Without label"),ht=Ya(Je(),{htmlFor:"name-native-disabled"},void 0,"Name"),ft=Ya(Ke(),{id:"name-native-disabled"}),gt=Ya("option",{value:""}),bt=Ya("optgroup",{label:"Author"},void 0,Ya("option",{value:"hai"},void 0,"Hai")),St=Ya("optgroup",{label:"Contributors"},void 0,Ya("option",{value:"olivier"},void 0,"Olivier"),Ya("option",{value:"kevin"},void 0,"Kevin")),Nt=Ya(_(),{},void 0,"Disabled"),wt=Ya(Je(),{htmlFor:"name-native-error"},void 0,"Name"),kt=Ya(Ke(),{id:"name-native-error"}),Tt=Ya("option",{value:""}),Ct=Ya("optgroup",{label:"Author"},void 0,Ya("option",{value:"hai"},void 0,"Hai")),xt=Ya("optgroup",{label:"Contributors"},void 0,Ya("option",{value:"olivier"},void 0,"Olivier"),Ya("option",{value:"kevin"},void 0,"Kevin")),At=Ya(_(),{},void 0,"Error"),Pt=Ya(Je(),{htmlFor:"name-input2"},void 0,"Name"),Ft=Ya(Ke(),{id:"name-input2"}),It=Ya(_(),{},void 0,"Alignment with an input"),Lt=Ya(Je(),{htmlFor:"uncontrolled-native"},void 0,"Name"),Dt=Ya(Qe(),{variant:"standard",native:!0,defaultValue:30,input:Ya(Ke(),{id:"uncontrolled-native"})},void 0,Ya("option",{value:""}),Ya("option",{value:10},void 0,"Ten"),Ya("option",{value:20},void 0,"Twenty"),Ya("option",{value:30},void 0,"Thirty")),Bt=Ya(_(),{},void 0,"Uncontrolled");const $t=function(){const{classes:e}=Qa(),[a,t]=(0,o.useState)({age:"",name:"hai"}),i=e=>i=>{t({...a,[e]:i.target.value})};return Ya(o.Fragment,{},void 0,Ya(G(),{variant:"standard",className:e.formControl},void 0,Za,Ya(Qe(),{variant:"standard",native:!0,value:a.age,onChange:i("age"),inputProps:{id:"age-native-simple"}},void 0,et,at,tt,it)),Ya(G(),{variant:"standard",className:e.formControl},void 0,ot,Ya(Qe(),{variant:"standard",native:!0,value:a.age,onChange:i("age"),input:rt},void 0,lt,nt,dt,st),ct),Ya(G(),{variant:"standard",className:e.formControl},void 0,Ya(Qe(),{variant:"standard",native:!0,value:a.age,onChange:i("age"),className:e.selectEmpty},void 0,ut,mt,vt,pt),yt),Ya(G(),{variant:"standard",className:e.formControl,disabled:!0},void 0,ht,Ya(Qe(),{variant:"standard",native:!0,value:a.name,onChange:i("name"),input:ft},void 0,gt,bt,St),Nt),Ya(G(),{variant:"standard",className:e.formControl,error:!0},void 0,wt,Ya(Qe(),{variant:"standard",native:!0,value:a.name,onChange:i("name"),input:kt},void 0,Tt,Ct,xt),At),Ya(G(),{variant:"standard",className:e.formControl},void 0,Pt,Ft,It),Ya(G(),{variant:"standard",className:e.formControl},void 0,Lt,Dt,Bt))};var Rt,Mt=t(9958),Ot=t(60312),Wt=t.n(Ot),Et=t(5814),Vt=t.n(Et);function Gt(e,a,t,i){Rt||(Rt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Rt,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const jt=(0,u.n9)()((e=>({formControl:{margin:e.spacing(1),minWidth:120,maxWidth:300},chips:{display:"flex",flexWrap:"wrap"},chip:{margin:2},noLabel:{marginTop:e.spacing(3)}}))),Ut={PaperProps:{style:{maxHeight:224,width:250}}},zt=["Oliver Hansen","Van Henry","April Tucker","Ralph Hubbard","Omar Alexander","Carlos Abbott","Miriam Wagner","Bradley Wilkerson","Virginia Andrews","Kelly Snyder"];function Ht(e,a,t){return{fontWeight:-1===a.indexOf(e)?t.typography.fontWeightRegular:t.typography.fontWeightMedium}}var Kt=Gt(Je(),{id:"demo-mutiple-name-label"},void 0,"Name"),_t=Gt(Ke(),{}),Jt=Gt(Je(),{id:"demo-mutiple-checkbox-label"},void 0,"Tag"),qt=Gt(Ke(),{}),Xt=Gt(Je(),{id:"demo-mutiple-chip-label"},void 0,"Chip"),Yt=Gt(Ke(),{id:"select-multiple-chip"}),Qt=Gt(Ke(),{}),Zt=Gt("em",{},void 0,"Placeholder"),ei=Gt(Xe(),{disabled:!0,value:""},void 0,Gt("em",{},void 0,"Placeholder")),ai=Gt(Je(),{shrink:!0,htmlFor:"select-multiple-native"},void 0,"Native");function ti(){const{classes:e,cx:a}=jt(),t=(0,Mt.useTheme)(),[i,r]=o.useState([]),l=e=>{r(e.target.value)};return Gt("div",{},void 0,Gt(G(),{variant:"standard",className:e.formControl},void 0,Kt,Gt(Qe(),{variant:"standard",labelId:"demo-mutiple-name-label",id:"demo-mutiple-name",multiple:!0,value:i,onChange:l,input:_t,MenuProps:Ut},void 0,zt.map((e=>Gt(Xe(),{value:e,style:Ht(e,i,t)}

1,e,e))))),Gt(G(),{variant:"standard",className:e.formControl},void 0,Jt,Gt(Qe(),{variant:"standard",labelId:"demo-mutiple-checkbox-label",id:"demo-mutiple-checkbox",multiple:!0,value:i,onChange:l,input:qt,renderValue:e=>e.join(", "),MenuProps:Ut},void 0,zt.map((e=>Gt(Xe(),{value:e},e,Gt($(),{checked:i.indexOf(e)>-1}),Gt(Wt(),{primary:e})))))),Gt(G(),{variant:"standard",className:e.formControl},void 0,Xt,Gt(Qe(),{variant:"standard",labelId:"demo-mutiple-chip-label",id:"demo-mutiple-chip",multiple:!0,value:i,onChange:l,input:Yt,renderValue:a=>Gt("div",{className:e.chips},void 0,a.map((a=>Gt(Vt(),{label:a,className:e.chip},a)))),MenuProps:Ut},void 0,zt.map((e=>Gt(Xe(),{value:e,style:Ht(e,i,t)},e,e))))),Gt(G(),{variant:"standard",className:a(e.formControl,e.noLabel)},void 0,Gt(Qe(),{variant:"standard",multiple:!0,displayEmpty:!0,value:i,onChange:l,input:Qt,renderValue:e=>0===e.length?Zt:e.join(", "),MenuProps:Ut,inputProps:{"aria-label":"Without label"}},void 0,ei,zt.map((e=>Gt(Xe(),{value:e,style:Ht(e,i,t)},e,e))))),Gt(G(),{variant:"standard",className:e.formControl},void 0,ai,Gt(Qe(),{variant:"standard",multiple:!0,native:!0,value:i,onChange:e=>{const{options:a}=e.target,t=[];for(let e=0,i=a.length;e<i;e+=1)a[e].selected&&t.push(a[e].value);r(t)},inputProps:{id:"select-multiple-native"}},void 0,zt.map((e=>Gt("option",{value:e},e,e))))))}var ii,oi=t(32444),ri=t.n(oi),li=t(82664),ni=t.n(li),di=t(42631),si=t.n(di),ci=t(21245),ui=t.n(ci),mi=t(39458),vi=t.n(mi);function pi(e,a,t,i){ii||(ii="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ii,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const yi=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},container:{display:"flex",flexWrap:"wrap"},formControl:{margin:e.spacing(1),minWidth:120},button:{display:"block",marginTop:e.spacing(2)}})));var hi=pi(vi(),{}

1,void 0,"Fill the form"),fi=pi(Je(),{htmlFor:"age-native-simple"},void 0,"Age"),gi=pi(Ke(),{id:"age-native-simple"}),bi=pi("option",{value:""}),Si=pi("option",{value:10},void 0,"Ten"),Ni=pi("option",{value:20},void 0,"Twenty"),wi=pi("option",{value:30},void 0,"Thirty"),ki=pi(Je(),{htmlFor:"age-simple"},void 0,"Age"),Ti=pi(Ke(),{id:"age-simple"}),Ci=pi(Xe(),{value:""},void 0,pi("em",{},void 0,"None")),xi=pi(Xe(),{value:10},void 0,"Ten"),Ai=pi(Xe(),{value:20},void 0,"Twenty"),Pi=pi(Xe(),{value:30},void 0,"Thirty"),Fi=pi(Je(),{htmlFor:"controlled-open-select"},void 0,"Age"),Ii=pi(Xe(),{value:""},void 0,pi("em",{},void 0,"None")),Li=pi(Xe(),{value:10},void 0,"Ten"),Di=pi(Xe(),{value:20},void 0,"Twenty"),Bi=pi(Xe(),{value:30},void 0,"Thirty");const $i=function(){const{classes:e}=yi(),[a,t]=(0,o.useState)({open:!1,age:""}),[i,r]=(0,o.useState)(!1),l=e=>i=>{t({...a,[e]:Number(i.target.value)})},n=()=>{t({...a,open:!1})};return pi(o.Fragment,{},void 0,pi(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,pi(y(),{item:!0,md:6,className:e.demo},void 0,pi(v(),{variant:"button",className:e.divider},void 0,"With a Dialog"),pi(v(),{className:e.divider},void 0,"While its not encouraged by the Material Design specification, you can use a select inside a dialog."),pi("div",{},void 0,pi(ri(),{variant:"contained",color:"secondary",onClick:()=>{t({...a,open:!0})}},void 0,"Open select dialog"),pi(ni(),{disableEscapeKeyDown:!0,open:a.open,onClose:n},void 0,hi,pi(ui(),{},void 0,pi("form",{className:e.container},void 0,pi(G(),{variant:"standard",className:e.formControl},void 0,fi,pi(Qe(),{variant:"standard",native:!0,value:a.age,onChange:l("age"),input:gi},void 0,bi,Si,Ni,wi)),pi(G(),{variant:"standard",className:e.formControl},void 0,ki,pi(Qe(),{variant:"standard",value:a.age,onChange:l("age"),input:Ti},void 0,Ci,xi,Ai,Pi)))),pi(si(),{},void 0,pi(ri(),{onClick:n,color:"primary"},void 0,"Cancel"),pi(ri(),{onClick:n,color:"primary"},void 0,"Ok"))))),pi(y(),{item:!0,md:6,className:e.demo},void 0,pi(v(),{variant:"button",className:e.divider},void 0,"Controlled open Select"),pi("div",{},void 0,pi("form",{autoComplete:"off"},void 0,pi(ri(),{variant:"contained",color:"secondary",className:e.button,onClick:()=>{r(!0)}},void 0,"Open the select"),pi(G(),{variant:"standard",className:e.formControl},void 0,Fi,pi(Qe(),{variant:"standard",open:i,onClose:()=>{r(!1)},onOpen:()=>{r(!0)},value:a.age,onChange:e=>{t({...a,[e.target.name]:e.target.value})},inputProps:{name:"age",id:"controlled-open-select"}},void 0,Ii,Li,Di,Bi)))))))};var Ri,Mi=t(64612),Oi=t.n(Mi);function Wi(e,a,t,i){Ri||(Ri="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Ri,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Ei=(0,u.n9)()((e=>({root:{display:"flex",flexWrap:"wrap"},formControl:{margin:e.spacing(1),minWidth:120},selectEmpty:{marginTop:e.spacing(2)},label:{padding:e.spacing(1)}})));var Vi=Wi(Je(),{id:"demo-simple-select-label"},void 0,"Age"),Gi=Wi(Xe(),{value:10},void 0,"Ten"),ji=Wi(Xe(),{value:20},void 0,"Twenty"),Ui=Wi(Xe(),{value:30},void 0,"Thirty"),zi=Wi(Je(),{htmlFor:"filled-age-simple"},void 0,"Age"),Hi=Wi(Oi(),{name:"age",id:"filled-age-simple"}),Ki=Wi(Xe(),{value:""},void 0,Wi("em",{},void 0,"None")),_i=Wi(Xe(),{value:10},void 0,"Ten"),Ji=Wi(Xe(),{value:20},void 0,"Twenty"),qi=Wi(Xe(),{value:30},void 0,"Thirty"),Xi=Wi("br",{}),Yi=Wi(Je(),{htmlFor:"outlined-age-native-simple"},void 0,"Age"),Qi=Wi("option",{value:""}),Zi=Wi("option",{value:10},void 0,"Ten"),eo=Wi("option",{value:20},void 0,"Twenty"),ao=Wi("option",{value:30},void 0,"Thirty"),to=Wi(Je(),{htmlFor:"filled-age-native-simple"},void 0,"Age"),io=Wi(Oi(),{name:"age",id:"filled-age-native-simple"}),oo=Wi("option",{value:""}),ro=Wi("option",{value:10},void 0,"Ten"),lo=Wi("option",{value:20},void 0,"Twenty"),no=Wi("option",{value:30},void 0,"Thirty");const so=function(){const{classes:e}=Ei(),[a,t]=(0,o.useState)({age:""});(0,o.useEffect)((()=>{t({...a})}),[]);const i=e=>{t({...a,[e.target.name]:e.target.value})};return Wi("div",{className:e.root},void 0,Wi(y(),{container:!0,spacing:3},void 0,Wi(y(),{item:!0,md:6,xs:12},void 0,Wi(v(),{variant:"button",className:e.label},void 0,"Material Selection"),Wi("form",{className:e.root,autoComplete:"off"},void 0,Wi(G(),{className:e.formControl},void 0,Vi,Wi(Qe(),{labelId:"demo-simple-select-label",id:"demo-simple-select",label:"Age",name:"age",value:a.age,onChange:i},void 0,Gi,ji,Ui)),Wi(G(),{variant:"filled",className:e.formControl},void 0,zi,Wi(Qe(),{name:"age",variant:"filled",value:a.age,onChange:i,input:Hi},void 0,Ki,_i,Ji,qi)))),Wi(y(),{item:!0,md:6,xs:12},void 0,Wi(v(),{variant:"button",className:e.label},void 0,"Native Selection"),Xi,Wi(G(),{className:e.formControl},void 0,Yi,Wi(Qe(),{name:"age",id:"outlined-age-native-simple",variant:"outlined",native:!0,label:"Age",value:a.age,onChange:i},void 0,Qi,Zi,eo,ao)),Wi(G(),{variant:"filled",className:e.formControl},void 0,to,Wi(Qe(),{name:"age",variant:"standard",native:!0,value:a.age,onChange:i,input:io},void 0,oo,ro,lo,no)))))};var co,uo=t(99949),mo=t.n(uo),vo=t(43637),po=t(66732);function yo(e,a,t,i){co||(co="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:co,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const ho=(0,u.n9)()((e=>({root:{width:200},margin:{height:e.spacing(3)},demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`}}))),fo=[{value:0,label:"0\xb0C"},{value:20,label:"20\xb0C"},{value:37,label:"37\xb0C"},{value:100,label:"100\xb0C"}];function go(e){return`${e}\xb0C`}var bo=yo(v(),{id:"continuous-slider",gutterBottom:!0},void 0,"Volume"),So=yo(y(),{item:!0},void 0,yo(vo.A,{})),No=yo(y(),{item:!0},void 0,yo(po.A,{})),wo=yo("br",{}

1),ko=yo(mo(),{disabled:!0,defaultValue:0,"aria-labelledby":"continuous-slider"}),To=yo(mo(),{disabled:!0,defaultValue:50,"aria-labelledby":"continuous-slider"}),Co=yo(mo(),{disabled:!0,defaultValue:100,"aria-labelledby":"continuous-slider"}),xo=yo(v(),{id:"discrete-slider",gutterBottom:!0},void 0,"Temperature"),Ao=yo(mo(),{defaultValue:30,getAriaValueText:go,"aria-labelledby":"discrete-slider",valueLabelDisplay:"auto",step:10,marks:!0,min:10,max:110}),Po=yo(v(),{id:"discrete-slider-small-steps",gutterBottom:!0},void 0,"Small Steps"),Fo=yo(mo(),{defaultValue:5e-8,getAriaValueText:go,"aria-labelledby":"discrete-slider-small-steps",step:1e-8,marks:!0,min:-5e-8,max:1e-7,valueLabelDisplay:"auto"}),Io=yo(v(),{id:"discrete-slider-custom",gutterBottom:!0},void 0,"Custom marks"),Lo=yo(mo(),{defaultValue:20,getAriaValueText:go,"aria-labelledby":"discrete-slider-custom",step:10,valueLabelDisplay:"auto",marks:fo}),Do=yo(v(),{id:"discrete-slider-restrict",gutterBottom:!0},void 0,"Restricted values"),Bo=yo(mo(),{defaultValue:20,valueLabelFormat:function(e){return fo.findIndex((a=>a.value===e))+1},getAriaValueText:go,"aria-labelledby":"discrete-slider-restrict",step:null,valueLabelDisplay:"auto",marks:fo}),$o=yo(v(),{id:"discrete-slider-always",gutterBottom:!0},void 0,"Always visible"),Ro=yo(mo(),{defaultValue:80,getAriaValueText:go,"aria-labelledby":"discrete-slider-always",step:10,marks:fo,valueLabelDisplay:"on"});function Mo(){const{classes:e}=ho(),[a,t]=o.useState(30),[i,r]=o.useState([20,37]);return yo(o.Fragment,{},void 0,yo(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,yo(y(),{item:!0,md:5,className:e.demo},void 0,yo(v(),{variant:"button",className:e.divider},void 0,"Slider Input Basic"),bo,yo(y(),{container:!0,spacing:2},void 0,So,yo(y(),{item:!0,xs:!0},void 0,yo(mo(),{value:a,onChange:(e,a)=>{t(a)},"aria-labelledby":"continuous-slider"})),No),wo,yo(v(),{variant:"button",className:e.divider},void 0,"Range sliders"),yo(mo(),{value:i,onChange:(e,a)=>{r(a)},valueLabelDisplay:"auto","aria-labelledby":"range-slider",getAriaValueText:go}),yo(v(),{variant:"button",className:e.divider},void 0,"Slider Input Disabled"),yo("div",{className:e.inputRange},void 0,ko,To,Co)),yo(y(),{item:!0,md:5,className:e.demo},void 0,yo(v(),{variant:"button",className:e.divider},void 0,"Slider with steps"),xo,Ao,yo("div",{className:e.margin}),Po,Fo,yo("div",{className:e.margin}),Io,Lo,yo("div",{className:e.margin}),Do,Bo,yo("div",{className:e.margin}),$o,Ro)))}t(75826);var Oo,Wo=t(96641),Eo=t(23111),Vo=t.n(Eo);function Go(e,a,t,i){Oo||(Oo="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Oo,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const jo=(0,u.n9)()((e=>({root:{width:348,padding:24},margin:{height:e.spacing(3)},demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`}})));function Uo(e){return`${e}\xb0C`}const zo=[{value:0,label:"0\xb0C"},{value:20,label:"20\xb0C"},{value:37,label:"37\xb0C"},{value:100,label:"100\xb0C"}];function Ho(e){const{children:a,value:t}=e;return Go(Vo(),{enterTouchDelay:0,placement:"top",title:t},void 0,a)}const Ko="0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.13),0 0 0 1px rgba(0,0,0,0.02)",_o=(0,Mt.styled)(mo())((e=>{let{theme:a}=e;return{color:(a.palette.mode,"#3880ff"),height:2,padding:"15px 0","& .MuiSlider-thumb":{height:28,width:28,backgroundColor:"#fff",boxShadow:Ko,"&:focus, &:hover, &.Mui-active":{boxShadow:"0 3px 1px rgba(0,0,0,0.1),0 4px 8px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.02)","@media (hover: none)":{boxShadow:Ko}}},"& .MuiSlider-valueLabel":{fontSize:12,fontWeight:"normal",top:-6,backgroundColor:"unset",color:a.palette.text.primary,"&:before":{display:"none"},"& *":{background:"transparent",color:"dark"===a.palette.mode?"#fff":"#000"}}

1,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-rail":{opacity:.5,backgroundColor:"#bfbfbf"},"& .MuiSlider-mark":{backgroundColor:"#bfbfbf",height:8,width:1,"&.MuiSlider-markActive":{opacity:1,backgroundColor:"currentColor"}}}})),Jo=(0,Mt.styled)(mo())({color:"#52af77",height:8,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-thumb":{height:24,width:24,backgroundColor:"#fff",border:"2px solid currentColor","&:focus, &:hover, &.Mui-active, &.Mui-focusVisible":{boxShadow:"inherit"},"&:before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.2,fontSize:12,background:"unset",padding:0,width:32,height:32,borderRadius:"50% 50% 50% 0",backgroundColor:"#52af77",transformOrigin:"bottom left",transform:"translate(50%, -100%) rotate(-45deg) scale(0)","&:before":{display:"none"},"&.MuiSlider-valueLabelOpen":{transform:"translate(50%, -100%) rotate(-45deg) scale(1)"},"& > *":{transform:"rotate(45deg)"}}}),qo=(0,Mt.styled)(mo())((e=>{let{theme:a}=e;return{color:"#3a8589",height:3,padding:"13px 0","& .MuiSlider-thumb":{height:27,width:27,backgroundColor:"#fff",border:"1px solid currentColor","&:hover":{boxShadow:"0 0 0 8px rgba(58, 133, 137, 0.16)"},"& .airbnb-bar":{height:9,width:1,backgroundColor:"currentColor",marginLeft:1,marginRight:1}},"& .MuiSlider-track":{height:3},"& .MuiSlider-rail":{color:"dark"===a.palette.mode?"#bfbfbf":"#d8d8d8",opacity:"dark"===a.palette.mode?void 0:1,height:3}}}));var Xo=Go("span",{className:"airbnb-bar"}),Yo=Go("span",{className:"airbnb-bar"}),Qo=Go("span",{className:"airbnb-bar"});function Zo(e){const{children:a,...t}=e;return o.createElement(uo.SliderThumb,t,a,Xo,Yo,Qo)}var er=Go(v(),{gutterBottom:!0},void 0,"iOS"),ar=Go(_o,{"aria-label":"ios slider",defaultValue:60,marks:[{value:0},{value:20},{value:37},{value:100}],valueLabelDisplay:"on"}),tr=Go(v(),{gutterBottom:!0},void 0,"pretto.fr"),ir=Go(Jo,{valueLabelDisplay:"auto","aria-label":"pretto slider",defaultValue:20}),or=Go(v(),{gutterBottom:!0},void 0,"Tooltip value label"),rr=Go(v(),{gutterBottom:!0},void 0,"Airbnb"),lr=Go(v(),{id:"input-slider",gutterBottom:!0},void 0,"Volume"),nr=Go(y(),{item:!0},void 0,Go(po.A,{})),dr=Go("br",{}),sr=Go(v(),{id:"vertical-slider",gutterBottom:!0},void 0,"Temperature"),cr=Go(mo(),{orientation:"vertical",getAriaValueText:Uo,defaultValue:30,"aria-labelledby":"vertical-slider"}),ur=Go(mo(),{disabled:!0,orientation:"vertical",getAriaValueText:Uo,defaultValue:30,"aria-labelledby":"vertical-slider"});function mr(){const{classes:e}=jo(),[a,t]=o.useState(30);return Go(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,Go(y(),{item:!0,md:5,className:e.demo},void 0,Go(Wo.default,{sx:{width:320}},void 0,er,ar,Go(Wo.default,{sx:{m:3}}),tr,ir,Go(Wo.default,{sx:{m:3}}),or,Go(mo(),{valueLabelDisplay:"auto",slots:{valueLabel:Ho},"aria-label":"custom thumb label",defaultValue:20}),Go(Wo.default,{sx:{m:3}}),rr,Go(qo,{slots:{thumb:Zo},getAriaLabel:e=>0===e?"Minimum price":"Maximum price",defaultValue:[20,40]}))),Go(y(),{item:!0,md:5,className:e.demo},void 0,Go(v(),{variant:"button",className:e.divider},void 0,"With input field"),lr,Go(y(),{container:!0,spacing:2,alignItems:"center"},void 0,nr,Go(y(),{item:!0,xs:!0},void 0,Go(mo(),{value:"number"===typeof a?a:0,onChange:(e,a)=>{t(a)},"aria-labelledby":"input-slider"})),Go(y(),{item:!0},void 0,Go(Ke(),{className:e.input,value:a,margin:"dense",onChange:e=>{t(""===e.target.value?"":Number(e.target.value))},onBlur:()=>{a<0?t(0):a>100&&t(100)},inputProps:{step:10,min:0,max:100,type:"number","aria-labelledby":"input-slider"}}))),dr,Go(v(),{variant:"button",className:e.divider},void 0,"Vertical sliders"),Go("div",{},void 0,sr,Go("div",{style:{height:300}},void 0,cr,ur,Go(mo(),{orientation:"vertical",defaultValue:[20,37],"aria-labelledby":"vertical-slider",getAriaValueText:Uo,marks:zo})))))}var vr,pr=t(76025),yr=t.n(pr),hr=t(65485),fr=t.n(hr),gr=t(41016),br=t(38006),Sr=t(77632),Nr=t(14487),wr=t(44234),kr=t(37414);function Tr(e,a,t,i){vr||(vr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:vr,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Cr=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 5px`},button:{margin:e.spacing(1)}

1,inputUpload:{display:"none"},leftIcon:{marginRight:e.spacing(1)},rightIcon:{marginLeft:e.spacing(1)},iconSmall:{fontSize:20}})));function xr(e){alert(e.currentTarget.getAttribute("data-something"))}var Ar=Tr(gr.default,{}),Pr=Tr(gr.default,{}),Fr=Tr(yr(),{},void 0,"alarm"),Ir=Tr(br.A,{}),Lr=Tr(Sr.A,{});const Dr=function(){const{classes:e,cx:a}=Cr();return Tr(o.Fragment,{},void 0,Tr(y(),{container:!0,alignItems:"center",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Tr(y(),{item:!0,md:6,className:e.demo},void 0,Tr(v(),{variant:"button",className:e.divider},void 0,"Flat Button"),Tr(v(),{className:e.divider},void 0,"Flat buttons are text-only buttons. They may be used in dialogs, toolbars, or inline. They do not lift, but fill with color on press."),Tr(ri(),{className:e.button},void 0,"Default"),Tr(ri(),{color:"primary",className:e.button},void 0,"Primary"),Tr(ri(),{color:"secondary",className:e.button},void 0,"Secondary"),Tr(ri(),{disabled:!0,className:e.button},void 0,"Disabled"),Tr(ri(),{href:"#flat-buttons",className:e.button},void 0,"Link"),Tr(ri(),{disabled:!0,href:"/",className:e.button},void 0,"Link disabled"),Tr(ri(),{className:e.button,onClick:xr,"data-something":"here I am"},void 0,"Does something")),Tr(y(),{item:!0,md:6,className:e.demo},void 0,Tr(v(),{variant:"button",className:e.divider},void 0,"Raised Button"),Tr(v(),{className:e.divider},void 0,"Raised buttons are rectangular-shaped buttons. They may be used inline. They lift and display ink reactions on press."),Tr(ri(),{variant:"contained",className:e.button},void 0,"Default"),Tr(ri(),{variant:"contained",color:"primary",className:e.button},void 0,"Primary"),Tr(ri(),{variant:"contained",color:"secondary",className:e.button},void 0,"Secondary"),Tr(ri(),{variant:"contained",color:"secondary",disabled:!0,className:e.button},void 0,"Disabled"),Tr("input",{accept:"image/*",className:e.inputUpload,id:"raised-button-file",multiple:!0,type:"file"}),Tr(ri(),{variant:"contained",component:"span",className:e.button},void 0,"Upload")),Tr(y(),{item:!0,md:6,className:e.demo},void 0,Tr(v(),{variant:"button",className:e.divider},void 0,"Outline Button"),Tr(ri(),{variant:"outlined",className:e.button},void 0,"Default"),Tr(ri(),{variant:"outlined",color:"primary",className:e.button},void 0,"Primary"),Tr(ri(),{variant:"outlined",color:"secondary",className:e.button},void 0,"Secondary"),Tr(ri(),{variant:"outlined",disabled:!0,className:e.button},void 0,"Disabled"),Tr(ri(),{variant:"outlined",href:"#outlined-buttons",className:e.button},void 0,"Link"),Tr("input",{accept:"image/*",className:e.inputUpload,id:"outlined-button-file",multiple:!0,type:"file"}),Tr(ri(),{variant:"outlined",component:"span",className:e.button},void 0,"Upload")),Tr(y(),{item:!0,md:6,className:e.demo},void 0,Tr(v(),{variant:"button",className:e.divider},void 0,"Icon Button"),Tr(v(),{className:e.divider},void 0,"Icon buttons are commonly found in app bars and toolbars."),Tr(fr(),{className:e.button,"aria-label":"Delete",size:"large"},void 0,Ar),Tr(fr(),{className:e.button,"aria-label":"Delete",disabled:!0,color:"primary",size:"large"},void 0,Pr),Tr(fr(),{color:"secondary",className:e.button,"aria-label":"Add an alarm",size:"large"},void 0,Fr),Tr(fr(),{color:"primary",className:e.button,"aria-label":"Add to shopping cart",size:"large"},void 0,Ir),Tr("input",{accept:"image/*",className:e.inputUpload,id:"icon-button-file",type:"file"}),Tr(fr(),{color:"primary",className:e.button,component:"span",size:"large"},void 0,Lr)),Tr(y(),{item:!0,md:12,className:e.demo},void 0,Tr(v(),{variant:"button",className:e.divider},void 0,"Icon Raised Button"),Tr(v(),{className:e.divider},void 0,"Icon buttons are commonly found in app bars and toolbars."),Tr(ri(),{className:e.button,variant:"contained",color:"secondary"},void 0,"Delete",Tr(gr.default,{className:e.rightIcon})),Tr(ri(),{className:e.button,variant:"contained",color:"primary"},void 0,"Send",Tr(yr(),{className:e.rightIcon},void 0,"send")),Tr(ri(),{className:e.button,variant:"contained"},void 0,"Upload",Tr(Nr.A,{className:e.rightIcon})),Tr(ri(),{className:e.button,variant:"contained",disabled:!0,color:"secondary"},void 0,Tr(wr.A,{className:e.leftIcon}),"Talk"),Tr(ri(),{className:e.button,variant:"contained",size:"small"},void 0,Tr(kr.A,{className:a(e.leftIcon,e.iconSmall)}

1),"Save"))))};var Br,$r=t(86265),Rr=t.n($r),Mr=t(95467),Or=t(41508),Wr=t.n(Or),Er=t(5852),Vr=t.n(Er),Gr=t(64147),jr=t.n(Gr),Ur=t(18703),zr=t(54984),Hr=t(71851),Kr=t(845),_r=t(85128);function Jr(e,a,t,i){Br||(Br="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Br,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const qr=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},button:{margin:e.spacing(1)},root:{backgroundColor:e.palette.background.paper,[e.breakpoints.up("sm")]:{width:500},margin:"0 auto",position:"relative",minHeight:200},fab:{position:"absolute",bottom:e.spacing(2),right:e.spacing(2)},fabGreen:{color:e.palette.common.white,backgroundColor:R.green[500]},extendedIcon:{marginRight:e.spacing(1)}})));function Xr(e){const{children:a,dir:t}=e;return Jr(v(),{component:"div",dir:t,style:{padding:24}},void 0,a)}var Yr=Jr(zr.A,{}),Qr=Jr(Hr.A,{}),Zr=Jr(_r.A,{}),el=Jr(zr.A,{}),al=Jr(yr(),{},void 0,"edit_icon"),tl=Jr(gr.default,{}),il=Jr(jr(),{label:"Item One"}),ol=Jr(jr(),{label:"Item Two"}),rl=Jr(jr(),{label:"Item Three"});const ll=function(){const e=(0,Mt.useTheme)(),{classes:a,cx:t}=qr(),[i,r]=(0,o.useState)(0),l={enter:e.transitions.duration.enteringScreen,exit:e.transitions.duration.leavingScreen},n=[{color:"primary",className:a.fab,icon:Yr},{color:"secondary",className:a.fab,icon:Qr},{color:"inherit",className:t(a.fab,a.fabGreen),icon:Zr}];return Jr(o.Fragment,{},void 0,Jr(y(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Jr(y(),{item:!0,md:6},void 0,Jr(v(),{variant:"button",className:a.divider}

1,void 0,"Floating Action Buttons"),Jr(v(),{className:a.divider},void 0,"A floating action button represents the primary action in an application."),Jr(Rr(),{color:"primary","aria-label":"add",className:a.button},void 0,el),Jr(Rr(),{color:"secondary","aria-label":"edit",className:a.button},void 0,al),Jr(Rr(),{variant:"extended",color:"secondary","aria-label":"Delete",className:a.button},void 0,Jr(Kr.A,{className:a.extendedIcon}),"Extended"),Jr(Rr(),{disabled:!0,"aria-label":"delete",className:a.button},void 0,tl)),Jr(y(),{item:!0,md:6},void 0,Jr(v(),{variant:"button",className:a.divider},void 0,"Floating BUtton in Tab"),Jr(v(),{className:a.divider},void 0,"A floating action button that spans multiple lateral screens (such as tabbed screens) should briefly disappear, then reappear if its action changes."),Jr("div",{className:a.root},void 0,Jr(Wr(),{position:"static",color:"default"},void 0,Jr(Vr(),{value:i,onChange:(e,a)=>{r(a)},indicatorColor:"primary",textColor:"primary",variant:"fullWidth"},void 0,il,ol,rl)),Jr(Mr.Ay,{axis:"rtl"===e.direction?"x-reverse":"x",index:i,onChangeIndex:e=>{r(e)}},void 0,Jr(Xr,{dir:e.direction},void 0,"Item One"),Jr(Xr,{dir:e.direction},void 0,"Item Two"),Jr(Xr,{dir:e.direction},void 0,"Item Three")),n.map(((e,a)=>Jr(Ur.default,{in:i===a,timeout:l,style:{transitionDelay:i===a?l.exit:0},unmountOnExit:!0},e.color,Jr(Rr(),{className:e.className,color:e.color},void 0,e.icon))))))))};var nl,dl=t(95230);function sl(e,a,t,i){nl||(nl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:nl,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function cl(){return cl=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},cl.apply(this,arguments)}const ul=o.forwardRef((function(e,a){return o.createElement(dl.Link,cl({to:e.to},e))})),ml=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:`${e.spacing(3)} 0`},button:{margin:e.spacing(1)},container:{display:"flex",flexWrap:"wrap"},margin:{margin:e.spacing(1)},cssRoot:{color:e.palette.getContrastText(R.purple[500]),backgroundColor:R.purple[500],"&:hover":{backgroundColor:R.purple[700]}},bootstrapRoot:{boxShadow:"none",textTransform:"none",borderRadius:4,fontSize:16,padding:"6px 12px",border:"1px solid",backgroundColor:"#007bff",borderColor:"#007bff","&:hover":{backgroundColor:"#0069d9",borderColor:"#0062cc"},"&:active":{boxShadow:"none",backgroundColor:"#0062cc",borderColor:"#005cbf"},"&:focus":{boxShadow:"0 0 0 0.2rem rgba(0,123,255,.5)"}},gradientBtn:{background:"linear-gradient(45deg, #FE6B8B 30%, #FF8E53 90%)",borderRadius:3,border:0,color:"white",height:48,padding:"0 30px",boxShadow:"0 3px 5px 2px rgba(255, 105, 135, .30)"},label:{textTransform:"capitalize"},inputUpload:{display:"none"}}))),vl=(0,Mt.createTheme)({palette:{primary:R.green}});var pl=sl(zr.A,{}),yl=sl(zr.A,{}),hl=sl(Nr.A,{});const fl=function(e){const{classes:a,cx:t}=ml(),i=o.forwardRef(((e,a)=>o.createElement(dl.Link,cl({to:"/app/forms/reduxform"},e))));return sl(o.Fragment,{},void 0,sl(y(),{container:!0,alignItems:"center",justifyContent:"flex-start",direction:"row",spacing:2},void 0,sl(y(),{item:!0,md:6,className:a.demo},void 0,sl(v(),{variant:"button",className:a.divider},void 0,"Sizes"),sl(v(),{className:a.divider},void 0,"Fancy larger or smaller buttons? Use the size or the mini property."),sl("div",{},void 0,sl("div",{},void 0,sl(ri(),{size:"small",className:a.button},void 0,"Small"),sl(ri(),{size:"medium",className:a.button},void 0,"Medium"),sl(ri(),{size:"large",className:a.button},void 0,"Large")),sl("div",{},void 0,sl(ri(),{variant:"contained",size:"small",color:"primary",className:a.button},void 0,"Small"),sl(ri(),{variant:"contained",size:"medium",color:"primary",className:a.button},void 0,"Medium"),sl(ri(),{variant:"contained",size:"large",color:"primary",className:a.button},void 0,"Large")),sl("div",{},void 0,sl(ri(),{variant:"outlined",size:"small",color:"primary",className:a.button},void 0,"Small"),sl(ri(),{variant:"outlined",size:"medium",color:"primary",className:a.button},void 0,"Medium"),sl(ri(),{variant:"outlined",size:"large",color:"primary",className:a.button},void 0,"Large")),sl("div",{},void 0,sl(Rr(),{size:"small",color:"secondary","aria-label":"add",className:a.button},void 0,pl),sl(Rr(),{color:"secondary","aria-label":"add",className:a.button},void 0,yl)))),sl(y(),{item:!0,md:6,className:a.demo}

1,void 0,sl(v(),{variant:"button",className:a.divider},void 0,"Style"),sl(v(),{className:a.divider},void 0,"Here is an example of how you can change the main color of a Button."),sl("div",{},void 0,sl(ri(),{variant:"contained",color:"primary",className:t(a.margin,a.cssRoot)},void 0,"Custom CSS"),sl(Mt.StyledEngineProvider,{injectFirst:!0},void 0,sl(Mt.ThemeProvider,{theme:vl},void 0,sl(ri(),{variant:"contained",color:"primary",className:a.margin},void 0,"MuiThemeProvider"))),sl(ri(),{variant:"contained",color:"primary",disableRipple:!0,className:t(a.margin,a.bootstrapRoot)},void 0,"Bootstrap"),sl(ri(),{classes:{root:t(a.gradientBtn,a.margin),label:a.label}},void 0,"Gradient Style"))),sl(y(),{item:!0,md:6,className:a.demo},void 0,sl(v(),{variant:"button",className:a.divider},void 0,"Linked Button"),sl(v(),{className:a.divider},void 0,"One common use case is to use the button to trigger a navigation to a new page."),sl("div",{},void 0,sl(ri(),{variant:"contained",color:"primary",className:t(a.margin,a.cssRoot),component:ul,to:"/app/forms/date-time-picker"},void 0,"Go To Date Time Picker"),sl(ri(),{color:"secondary",variant:"contained",component:i},void 0," Go To Redux Form "))),sl(y(),{item:!0,md:6,className:a.demo},void 0,sl(v(),{variant:"button",className:a.divider},void 0,"Upload Button"),sl(v(),{className:a.divider},void 0,"This a sample to trigger input files from button"),sl("div",{},void 0,sl("input",{accept:"image/*",className:a.inputUpload,id:"raised-button-file",multiple:!0,type:"file"}),sl("label",{htmlFor:"raised-button-file"},void 0,sl(ri(),{variant:"contained",component:"span",id:"raised-button-file",className:a.button},void 0,"Upload")),sl("input",{accept:"image/*",className:a.inputUpload,id:"icon-button-file",type:"file"}),sl("label",{htmlFor:"icon-button-file"},void 0,sl(fr(),{color:"primary",id:"uploadBtnIcon",className:a.button,component:"span",size:"large"},void 0,hl))))))};var gl,bl=t(39913),Sl=t.n(bl),Nl=t(7928);function wl(e,a,t,i){gl||(gl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:gl,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const kl=(0,u.n9)()(((e,a,t)=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},root:{display:"flex",flexWrap:"wrap",minWidth:300,width:"100%"},image:{position:"relative",height:200,[e.breakpoints.down("sm")]:{width:"100% !important",height:100},[`&:hover, &.${t.focusVisible}`]:{zIndex:1,[`& .${t.imageBackdrop}`]:{opacity:.15},[`& .${t.imageMarked}`]:{opacity:0},[`& .${t.imageTitle}`]:{border:"4px solid currentColor"}}},focusVisible:{},imageButton:{position:"absolute",left:0,right:0,top:0,bottom:0,display:"flex",alignItems:"center",justifyContent:"center",color:e.palette.common.white},imageSrc:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundSize:"cover",backgroundPosition:"center 40%"},imageBackdrop:{position:"absolute",left:0,right:0,top:0,bottom:0,backgroundColor:e.palette.common.black,opacity:.4,transition:e.transitions.create("opacity")},imageTitle:{position:"relative",padding:`${e.spacing(2)} ${e.spacing(4)} calc(${e.spacing(1)} + 6px)`},imageMarked:{height:3,width:18,backgroundColor:e.palette.common.white,position:"absolute",bottom:-2,left:"calc(50% - 9px)",transition:e.transitions.create("opacity")}}))),Tl=[{url:Nl.A[0],title:"330x200",width:"40%",id:"0"},{url:Nl.A[3],title:"250x200",width:"30%",id:"1"},{url:Nl.A[5],title:"250x200",width:"30%",id:"2"}];const Cl=function(){const{classes:e}=kl();return wl(o.Fragment,{},void 0,wl("div",{className:e.root},void 0,Tl.map((a=>wl(Sl(),{focusRipple:!0,className:e.image,focusVisibleClassName:e.focusVisible,style:{width:a.width}},a.id,wl("span",{className:e.imageSrc,style:{backgroundImage:`url(${a.url})`}}),wl("span",{className:e.imageBackdrop}),wl("span",{className:e.imageButton},void 0,wl(v(),{component:"span",variant:"subtitle1",color:"inherit",className:e.imageTitle},void 0,a.title,wl("span",{className:e.imageMarked}))))))))};var xl,Al=t(57466),Pl=t(79330),Fl=t(52029),Il=t(93191),Ll=t(65083),Dl=t(80492),Bl=t(56896),$l=t(55916),Rl=t(68435),Ml=t(60072),Ol=t.n(Ml),Wl=t(96719),El=t.n(Wl);function Vl(e,a,t,i){xl||(xl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:xl,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Gl=(0,u.n9)()((e=>({toggleContainer:{height:56,padding:`${e.spacing(1)} ${e.spacing(2)}`,display:"flex",alignItems:"center",justifyContent:"flex-start",margin:`${e.spacing(1)} 0`,background:e.palette.background.default}})));var jl=Vl(Ol(),{value:"left"},void 0,Vl(Al.A,{})),Ul=Vl(Ol(),{value:"center"},void 0,Vl(Pl.A,{})),zl=Vl(Ol(),{value:"right"},void 0,Vl(Fl.A,{})),Hl=Vl(Ol(),{value:"justify",disabled:!0},void 0,Vl(Il.A,{})),Kl=Vl(v(),{gutterBottom:!0},void 0,"Exclusive Selection"),_l=Vl(v(),{variant:"caption"},void 0,"Text justification toggle buttons present options for left, right, center, full, and justified text with only one item available for selection at a time. Selecting one option deselects any other."),Jl=Vl(Ol(),{value:"bold"},void 0,Vl(Ll.A,{})),ql=Vl(Ol(),{value:"italic"},void 0,Vl(Dl.A,{})),Xl=Vl(Ol(),{value:"underlined"},void 0,Vl(Bl.A,{})),Yl=Vl(Ol(),{disabled:!0,value:"color"},void 0,Vl($l.A,{}),Vl(Rl.A,{})),Ql=Vl(v(),{gutterBottom:!0},void 0,"Multiple Selection"),Zl=Vl(v(),{variant:"caption"},void 0,"Logically-grouped options, like Bold, Italic, and Underline, allow multiple options to be selected.");const en=function(){const{classes:e}=Gl(),[a,t]=(0,o.useState)("left"),[i,r]=(0,o.useState)(["blog"]);return Vl(y(),{container:!0,spacing:2},void 0,Vl(y(),{item:!0,xs:12,sm:6},void 0,Vl("div",{className:e.toggleContainer},void 0,Vl(El(),{value:a,exclusive:!0,onChange:(e,a)=>{t(a)}},void 0,jl,Ul,zl,Hl)),Kl,_l),Vl(y(),{item:!0,xs:12,sm:6},void 0,Vl("div",{className:e.toggleContainer},void 0,Vl(El(),{value:i,onChange:(e,a)=>{r(a)}},void 0,Jl,ql,Xl,Yl)),Ql,Zl))};var an,tn=t(92089),on=t.n(tn),rn=t(71500),ln=t.n(rn),nn=t(13175),dn=t.n(nn),sn=t(49160),cn=t(39220),un=t(64776),mn=t(3291);function vn(e,a,t,i){an||(an="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});

1return{$$typeof:an,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const pn=(0,u.n9)()((e=>({root:{height:380,position:"relative"},speedDial:{position:"absolute",bottom:e.spacing(2),right:e.spacing(3)}}))),yn=[{icon:vn(sn.A,{}),name:"Copy"},{icon:vn(kr.A,{}),name:"Save"},{icon:vn(cn.default,{}),name:"Print"},{icon:vn(un.A,{}),name:"Share"},{icon:vn(gr.default,{}),name:"Delete"}];var hn=vn(ln(),{openIcon:vn(mn.A,{})});const fn=function(){const{classes:e}=pn(),[a,t]=(0,o.useState)(!1),[i,r]=(0,o.useState)(!1),l=()=>{t(!a)},n=()=>{i||t(!0)},d=()=>{t(!1)};return vn("div",{className:e.root},void 0,vn(ri(),{onClick:()=>{t(!1),r(!i)}},void 0,"Toggle Speed Dial"),vn(on(),{ariaLabel:"SpeedDial openIcon example",className:e.speedDial,hidden:i,icon:hn,onBlur:d,onClick:l,onClose:d,onFocus:n,onMouseEnter:n,onMouseLeave:d,open:a},void 0,yn.map((e=>vn(dn(),{icon:e.icon,tooltipTitle:e.name,onClick:l},e.name)))))};var gn;function bn(e,a,t,i){gn||(gn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:gn,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Sn=(0,u.n9)()(((e,a,t)=>({root:{width:"100%"},controls:{margin:e.spacing(3)},exampleWrapper:{position:"relative",height:380},radioGroup:{margin:`${e.spacing(1)} 0`},speedDial:{position:"absolute",[`&.${t.directionUp}, &.${t.directionLeft}`]:{bottom:e.spacing(2),right:e.spacing(3)},[`&.${t.directionDown}, &.${t.directionRight}`]:{top:e.spacing(2),left:e.spacing(3)}},directionUp:{},directionRight:{},directionDown:{},directionLeft:{}}))),Nn=[{icon:bn(sn.A,{}),name:"Copy"},{icon:bn(kr.A,{}),name:"Save"},{icon:bn(cn.default,{}),name:"Print"},{icon:bn(un.A,{}),name:"Share"},{icon:bn(gr.default,{}),name:"Delete"}];var wn=bn(U(),{component:"legend"},void 0,"Direction"),kn=bn(H(),{value:"up",control:bn(ue(),{}),label:"Up"}),Tn=bn(H(),{value:"right",control:bn(ue(),{}),label:"Right"}),Cn=bn(H(),{value:"down",control:bn(ue(),{}),label:"Down"}),xn=bn(H(),{value:"left",control:bn(ue(),{}),label:"Left"}),An=bn(ln(),{});const Pn=function(){const{classes:e,cx:a}=Sn(),[t,i]=(0,o.useState)("up"),[r,l]=(0,o.useState)(!1),[n,d]=(0,o.useState)(!1),s=()=>{l(!r)},c=()=>{l(!1)},u=()=>{l(!0)},m=a(e.speedDial);return bn("div",{className:e.root},void 0,bn("div",{className:e.controls},void 0,bn(H(),{control:bn(Le(),{checked:n,onChange:(e,a)=>{d(a),l(!a&&r)},value:"hidden",color:"primary"}),label:"Hidden"}),wn,bn(me.default,{"aria-label":"Direction",name:"direction",className:e.radioGroup,value:t,onChange:(e,a)=>{i(a)},row:!0},void 0,kn,Tn,Cn,xn)),bn("div",{className:e.exampleWrapper},void 0,bn(on(),{ariaLabel:"SpeedDial example",className:m,hidden:n,icon:An,onBlur:c,onClick:s,onClose:c,onFocus:u,onMouseEnter:u,onMouseLeave:c,open:r,direction:t},void 0,Nn.map((e=>bn(dn(),{icon:e.icon,tooltipTitle:e.name,onClick:s},e.name))))))};var Fn;function In(e,a,t,i){Fn||(Fn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Fn,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Ln=(0,u.n9)()((e=>({root:{height:380,position:"relative"},speedDial:{position:"absolute",bottom:e.spacing(2),right:e.spacing(3)},tooltip:{whiteSpace:"nowrap"}}))),Dn=[{icon:In(sn.A,{}),name:"Copy"},{icon:In(kr.A,{}),name:"Save"},{icon:In(cn.default,{}),name:"Print"},{icon:In(un.A,{}),name:"Share"},{icon:In(gr.default,{}),name:"Delete"}];var Bn=In(ln(),{});const $n=function(){const[e,a]=(0,o.useState)(!1),[t,i]=(0,o.useState)(!1),r=()=>{a(!e)},l=()=>{t||a(!0)},n=()=>{a(!1)},{classes:d}=Ln();return In("div",{className:d.root},void 0,In(ri(),{onClick:()=>{a(!1),i(!t)}},void 0,"Toggle Speed Dial"),In(on(),{ariaLabel:"SpeedDial tooltip example",className:d.speedDial,hidden:t,icon:Bn,onBlur:n,onClick:r,onClose:n,onFocus:l,onMouseEnter:l,onMouseLeave:n,open:e},void 0,Dn.map((e=>In(dn(),{icon:e.icon,tooltipTitle:e.name,tooltipOpen:!0,onClick:r,classes:{staticTooltipLabel:d.tooltip}},e.name)))))};var Rn;function Mn(e,a,t,i){Rn||(Rn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Rn,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}

1const On=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},input:{margin:e.spacing(3)},container:{display:"flex",flexWrap:"wrap"},formControl:{margin:e.spacing(3)}})));var Wn=Mn(Je(),{htmlFor:"name-simple"},void 0,"Name"),En=Mn(Je(),{htmlFor:"name-helper"},void 0,"Name"),Vn=Mn(_(),{id:"name-helper-text"},void 0,"Some important helper text"),Gn=Mn(Je(),{htmlFor:"name-disabled"},void 0,"Name"),jn=Mn(_(),{},void 0,"Disabled"),Un=Mn(Je(),{htmlFor:"name-error"},void 0,"Name"),zn=Mn(_(),{id:"name-error-text"},void 0,"Error");const Hn=function(){const[e,a]=(0,o.useState)("Composed TextField"),{classes:t}=On(),i=e=>{a(e.target.value)};return Mn(o.Fragment,{},void 0,Mn(y(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:3},void 0,Mn(y(),{item:!0,md:6,className:t.demo},void 0,Mn(v(),{variant:"button",className:t.divider},void 0,"Textfield Components"),Mn(v(),{variant:"caption",component:"p",className:t.divider},void 0,"TextField is composed of smaller components that you can leverage directly to significantly customize your form inputs."),Mn("div",{className:t.container},void 0,Mn(G(),{variant:"standard",className:t.formControl},void 0,Wn,Mn(Ke(),{id:"name-simple",value:e,onChange:i})),Mn(G(),{variant:"standard",className:t.formControl,"aria-describedby":"name-helper-text"},void 0,En,Mn(Ke(),{id:"name-helper",value:e,onChange:i}),Vn),Mn(G(),{variant:"standard",className:t.formControl,disabled:!0},void 0,Gn,Mn(Ke(),{id:"name-disabled",value:e,onChange:i}),jn),Mn(G(),{variant:"standard",className:t.formControl,error:!0,"aria-describedby":"name-error-text"},void 0,Un,Mn(Ke(),{id:"name-error",value:e,onChange:i}),zn))),Mn(y(),{item:!0,md:6,className:t.demo},void 0,Mn(v(),{variant:"button",className:t.divider},void 0,"Input State"),Mn("div",{className:t.container},void 0,Mn(Ke(),{defaultValue:"Hello world",className:t.input,inputProps:{"aria-label":"Description"}}),Mn(Ke(),{placeholder:"Placeholder",className:t.input,inputProps:{"aria-label":"Description"}}),Mn(Ke(),{value:"Disabled",className:t.input,disabled:!0,inputProps:{"aria-label":"Description"}}),Mn(Ke(),{defaultValue:"Error",className:t.input,error:!0,inputProps:{"aria-label":"Description"}})))))};var Kn,_n=t(40001),Jn=t.n(_n);function qn(e,a,t,i){Kn||(Kn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Kn,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function Xn(){return Xn=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Xn.apply(this,arguments)}const Yn=(0,u.Xy)(c(),{root:{"& label.Mui-focused":{color:"green"},"& .MuiInput-underline:after":{borderBottomColor:"green"},"& .MuiOutlinedInput-root":{"& fieldset":{borderColor:"red"},"&:hover fieldset":{borderColor:"yellow"},"&.Mui-focused fieldset":{borderColor:"green"}}}}),Qn=(0,u.Xy)(Jn(),(e=>({root:{"label + &":{marginTop:e.spacing(2)}},input:{borderRadius:4,position:"relative",backgroundColor:e.palette.common.white,border:"1px solid #ced4da",fontSize:16,width:"auto",padding:"24px 12px 10px",transition:e.transitions.create(["border-color","box-shadow"]),fontFamily:["-apple-system","BlinkMacSystemFont",'"Segoe UI"',"Roboto",'"Helvetica Neue"',"Arial","sans-serif",'"Apple Color Emoji"','"Segoe UI Emoji"','"Segoe UI Symbol"'].join(","),"&:focus":{boxShadow:`${(0,Mt.alpha)(e.palette.primary.main,.25)} 0 0 0 0.2rem`,borderColor:e.palette.primary.main}}}))),Zn=(0,u.n9)()(((e,a,t)=>({root:{border:"1px solid #e2e2e1",overflow:"hidden",borderRadius:4,backgroundColor:"#fcfcfb",transition:e.transitions.create(["border-color","box-shadow"]),"&:hover":{backgroundColor:"#fff"},[`&.${t.focused}`]:{backgroundColor:"#fff",boxShadow:`${(0,Mt.alpha)(e.palette.primary.main,.25)} 0 0 0 2px`,borderColor:e.palette.primary.main}},focused:{}})));function ed(e){const{classes:a}=Zn();return o.createElement(c(),Xn({variant:"standard",InputProps:{classes:a,disableUnderline:!0}},e))}const ad=(0,u.n9)()((e=>({root:{display:"flex",flexWrap:"wrap"},margin:{margin:e.spacing(1)},marginBootstrap:{margin:e.spacing(-1,1,1)}}))),td=(0,Mt.createTheme)({palette:{primary:R.green}});var id=qn(Yn,{id:"custom-css-standard-input",label:"Custom CSS"}),od=qn(Je(),{shrink:!0,htmlFor:"bootstrap-input"},void 0,"Bootstrap"),rd=qn(Qn,{defaultValue:"react-bootstrap",id:"bootstrap-input"});function ld(){const{classes:e}=ad();return qn("div",{className:e.root},void 0,id,qn(Yn,{className:e.margin,label:"Custom CSS",variant:"outlined",id:"custom-css-outlined-input"}),qn(Mt.ThemeProvider,{theme:td},void 0,qn(c(),{variant:"standard",className:e.margin,label:"ThemeProvider",id:"mui-theme-provider-standard-input"}),qn(c(),{className:e.margin,label:"ThemeProvider",variant:"outlined",id:"mui-theme-provider-outlined-input"})),qn(G(),{variant:"standard",className:e.marginBootstrap},void 0,od,rd),qn(ed,{label:"Reddit",className:e.margin,defaultValue:"react-reddit",variant:"filled",id:"reddit-input"}),qn(Jn(),{className:e.margin,defaultValue:"Naked input",inputProps:{"aria-label":"naked"}}))}var nd,dd=t(77246),sd=t.n(dd),cd=t(30611),ud=t(77674),md=t(23700);function vd(e,a,t,i){nd||(nd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:nd,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const pd=(0,u.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},root:{display:"flex",flexWrap:"wrap"},margin:{margin:e.spacing(3)},withoutLabel:{marginTop:e.spacing(3),"& > div":{alignItems:"center"}},textField:{flexBasis:200}}))),yd=[{value:"0-20",label:"0 to 20"},{value:"21-50",label:"21 to 50"},{value:"51-100",label:"51 to 100"}];var hd=vd(sd(),{position:"start"},void 0,"Kg"),fd=vd(sd(),{position:"start"},void 0,"Kg"),gd=vd(Je(),{htmlFor:"adornment-amount"},void 0,"Amount"),bd=vd(sd(),{position:"start"},void 0,"$"),Sd=vd(sd(),{position:"end"},void 0,"Kg"),Nd=vd(_(),{id:"weight-helper-text"},void 0,"Weight"),wd=vd(Je(),{htmlFor:"adornment-password"},void 0,"Password"),kd=vd(ud.A,{}),Td=vd(cd.A,{}),Cd=vd(Je(),{htmlFor:"input-with-icon-adornment"},void 0,"With a start adornment"),xd=vd(Ke(),{id:"input-with-icon-adornment",startAdornment:vd(sd(),{position:"start"},void 0,vd(md.A,{}))}),Ad=vd(sd(),{position:"start"},void 0,vd(md.A,{})),Pd=vd(y(),{container:!0,spacing:1,alignItems:"flex-end"},void 0,vd(y(),{item:!0},void 0,vd(md.A,{})),vd(y(),{item:!0}

1,void 0,vd(c(),{variant:"standard",id:"input-with-icon-grid",label:"With a grid"})));const Fd=function(){const{classes:e,cx:a}=pd(),[t,i]=(0,o.useState)({amount:"",password:"",weight:40,weightRange:"",showPassword:!1}),r=e=>a=>{i({...t,[e]:a.target.value})};return vd(o.Fragment,{},void 0,vd(y(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:3},void 0,vd(y(),{item:!0,md:6,className:e.demo},void 0,vd(v(),{variant:"button",className:e.divider},void 0,"Input Adornments"),vd(v(),{className:e.divider},void 0,"TextField is composed of smaller components that you can leverage directly to significantly customize your form inputs."),vd("div",{className:e.root},void 0,vd(c(),{variant:"standard",label:"With normal TextField",id:"simple-start-adornment",className:a(e.margin,e.textField),InputProps:{startAdornment:hd}}),vd(c(),{variant:"standard",select:!0,label:"With Select",className:a(e.margin,e.textField),value:t.weightRange,onChange:r("weightRange"),InputProps:{startAdornment:fd}},void 0,yd.map((e=>vd(Xe(),{value:e.value},e.value,e.label)))),vd(G(),{variant:"standard",fullWidth:!0,className:e.margin},void 0,gd,vd(Ke(),{id:"adornment-amount",value:t.amount,onChange:r("amount"),startAdornment:bd})),vd(G(),{variant:"standard",className:a(e.margin,e.withoutLabel,e.textField),"aria-describedby":"weight-helper-text"},void 0,vd(Ke(),{id:"adornment-weight2",value:t.weight,onChange:r("weight"),endAdornment:Sd,inputProps:{"aria-label":"Weight"}}),Nd),vd(G(),{variant:"standard",className:a(e.margin,e.textField)},void 0,wd,vd(Ke(),{id:"adornment-password",type:t.showPassword?"text":"password",value:t.password,onChange:r("password"),endAdornment:vd(sd(),{position:"end"},void 0,vd(fr(),{"aria-label":"Toggle password visibility",onClick:()=>{const{showPassword:e}=t;i({...t,showPassword:!e})},onMouseDown:e=>{e.preventDefault()},size:"large"},void 0,t.showPassword?kd:Td))})))),vd(y(),{item:!0,md:6,className:e.demo},void 0,vd(v(),{variant:"button",className:e.divider},void 0,"With icon"),vd(v(),{className:e.divider},void 0,"Icons can be specified as prepended or appended."),vd(G(),{variant:"standard",className:e.margin},void 0,Cd,xd),vd(c(),{variant:"standard",className:e.margin,id:"input-with-icon-textfield",label:"TextField",InputProps:{startAdornment:Ad}}),vd("div",{className:e.margin},void 0,Pd))))};var Id,Ld=t(24164),Dd=t(70352);function Bd(e,a,t,i){Id||(Id="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Id,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function $d(){return $d=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},$d.apply(this,arguments)}const Rd=o.forwardRef((function(e,a){const{onChange:t,...i}=e;return o.createElement(Ld.IMaskInput,$d({},i,{mask:"(#00) 000-0000",definitions:{"#":/[1-9]/},onAccept:a=>t({target:{name:e.name,value:a}}),overwrite:!0}))})),Md=o.forwardRef((function(e,a){const{onChange:t,...i}=e;return o.createElement(Dd.EA,$d({},i,{format:e=>""===e?"":new Intl.NumberFormat("en-US",{style:"currency",currency:"USD",maximumFractionDigits:0}).format(e)}))}));var Od,Wd=Bd(Je(),{htmlFor:"formatted-text-mask-input"},void 0,"react-imask");function Ed(){const[e,a]=o.useState({textmask:"(100) 000-0000",numberformat:"1320"}),t=t=>{a({...e,[t.target.name]:t.target.value})};return Bd(Wo.default,{sx:{"& > :not(style)":{m:1}}},void 0,Bd(G(),{variant:"standard"},void 0,Wd,Bd(Ke(),{value:e.textmask,onChange:t,name:"textmask",id:"formatted-text-mask-input",inputComponent:Rd})),Bd(c(),{label:"react-number-format",value:e.numberformat,onChange:t,name:"numberformat",id:"formatted-numberformat-input",InputProps:{inputComponent:Md},variant:"standard"}))}function Vd(e,a,t,i){Od||(Od="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Od,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Gd=(0,u.n9)()((e=>({container:{display:"flex",flexWrap:"wrap"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1)},menu:{width:200}}))),jd=[{value:"USD",label:"$"},{value:"EUR",label:"\u20ac"},{value:"BTC",label:"\u0e3f"},{value:"JPY",label:"\xa5"}];const Ud=function(){const{classes:e}=Gd(),[a,t]=(0,o.useState)({name:"Cat in the Hat",age:"",multiline:"Controlled",currency:"EUR"}),i=e=>i=>{t({...a,[e]:i.target.value})};return Vd("form",{className:e.container,noValidate:!0,autoComplete:"off"},void 0,Vd(c(),{id:"outlined-name",label:"Name",className:e.textField,value:a.name,onChange:i("name"),margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-uncontrolled",label:"Uncontrolled",defaultValue:"foo",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{required:!0,id:"outlined-required",label:"Required",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{error:!0,id:"outlined-error",label:"Error",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{disabled:!0,id:"outlined-disabled",label:"Disabled",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-email-input",label:"Email",className:e.textField,type:"email",name:"email",autoComplete:"email",margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-password-input",label:"Password",className:e.textField,type:"password",autoComplete:"current-password",margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-read-only-input",label:"Read Only",defaultValue:"Hello World",className:e.textField,margin:"normal",InputProps:{readOnly:!0},variant:"outlined"}),Vd(c(),{id:"outlined-multiline-flexible",label:"Multiline",multiline:!0,maxRows:"4",value:a.multiline,onChange:i("multiline"),className:e.textField,margin:"normal",helperText:"hello",variant:"outlined"}),Vd(c(),{id:"outlined-multiline-static",label:"Multiline",multiline:!0,rows:"4",defaultValue:"Default Value",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-helperText",label:"Helper text",defaultValue:"Default Value",className:e.textField,helperText:"Some important text",margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-with-placeholder",label:"With placeholder",placeholder:"Placeholder",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-textarea",label:"Multiline Placeholder",placeholder:"Placeholder",multiline:!0,className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-number",label:"Number",value:a.age,onChange:i("age"),type:"number",className:e.textField,InputLabelProps:{shrink:!0},margin:"normal",variant:"outlined"}

1),Vd(c(),{id:"outlined-search",label:"Search field",type:"search",className:e.textField,margin:"normal",variant:"outlined"}),Vd(c(),{id:"outlined-select-currency",select:!0,label:"Select",className:e.textField,value:a.currency,onChange:i("currency"),SelectProps:{MenuProps:{className:e.menu}},helperText:"Please select your currency",margin:"normal",variant:"outlined"},void 0,jd.map((e=>Vd(Xe(),{value:e.value},e.value,e.label)))),Vd(c(),{id:"outlined-select-currency-native",select:!0,label:"Native select",className:e.textField,value:a.currency,onChange:i("currency"),SelectProps:{native:!0,MenuProps:{className:e.menu}},helperText:"Please select your currency",margin:"normal",variant:"outlined"},void 0,jd.map((e=>Vd("option",{value:e.value},e.value,e.label)))),Vd(c(),{id:"outlined-full-width",label:"Label",style:{margin:8},placeholder:"Placeholder",helperText:"Full width!",fullWidth:!0,margin:"normal",variant:"outlined",InputLabelProps:{shrink:!0}}),Vd(c(),{id:"outlined-bare",className:e.textField,defaultValue:"Bare",margin:"normal",variant:"outlined"}))};var zd;function Hd(e,a,t,i){zd||(zd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:zd,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Kd=(0,u.n9)()((e=>({container:{display:"flex",flexWrap:"wrap"},textField:{marginLeft:e.spacing(1),marginRight:e.spacing(1)},menu:{width:200}}))),_d=[{value:"USD",label:"$"},{value:"EUR",label:"\u20ac"},{value:"BTC",label:"\u0e3f"},{value:"JPY",label:"\xa5"}];const Jd=function(){const{classes:e}=Kd(),[a,t]=(0,o.useState)({name:"Cat in the Hat",age:"",multiline:"Controlled",currency:"EUR"}),i=e=>i=>{t({...a,[e]:i.target.value})};return Hd("form",{className:e.container,noValidate:!0,autoComplete:"off"},void 0,Hd(c(),{id:"filled-name",label:"Name",className:e.textField,value:a.name,onChange:i("name"),margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-uncontrolled",label:"Uncontrolled",defaultValue:"foo",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{required:!0,id:"filled-required",label:"Required",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{error:!0,id:"filled-error",label:"Error",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{disabled:!0,id:"filled-disabled",label:"Disabled",defaultValue:"Hello World",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-email-input",label:"Email",className:e.textField,type:"email",name:"email",autoComplete:"email",margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-password-input",label:"Password",className:e.textField,type:"password",autoComplete:"current-password",margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-read-only-input",label:"Read Only",defaultValue:"Hello World",className:e.textField,margin:"normal",InputProps:{readOnly:!0},variant:"filled"}),Hd(c(),{id:"filled-multiline-flexible",label:"Multiline",multiline:!0,maxRows:"4",value:a.multiline,onChange:i("multiline"),className:e.textField,margin:"normal",helperText:"hello",variant:"filled"}),Hd(c(),{id:"filled-multiline-static",label:"Multiline",multiline:!0,rows:"4",defaultValue:"Default Value",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-helperText",label:"Helper text",defaultValue:"Default Value",className:e.textField,helperText:"Some important text",margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-with-placeholder",label:"With placeholder",placeholder:"Placeholder",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-textarea",label:"Multiline Placeholder",placeholder:"Placeholder",multiline:!0,className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-number",label:"Number",value:a.age,onChange:i("age"),type:"number",className:e.textField,InputLabelProps:{shrink:!0},margin:"normal",variant:"filled"}

1),Hd(c(),{id:"filled-search",label:"Search field",type:"search",className:e.textField,margin:"normal",variant:"filled"}),Hd(c(),{id:"filled-select-currency",select:!0,label:"Select",className:e.textField,value:a.currency,onChange:i("currency"),SelectProps:{MenuProps:{className:e.menu}},helperText:"Please select your currency",margin:"normal",variant:"filled"},void 0,_d.map((e=>Hd(Xe(),{value:e.value},e.value,e.label)))),Hd(c(),{id:"filled-select-currency-native",select:!0,label:"Native select",className:e.textField,value:a.currency,onChange:i("currency"),SelectProps:{native:!0,MenuProps:{className:e.menu}},helperText:"Please select your currency",margin:"normal",variant:"filled"},void 0,_d.map((e=>Hd("option",{value:e.value},e.value,e.label)))),Hd(c(),{id:"filled-full-width",label:"Label",style:{margin:8},placeholder:"Placeholder",helperText:"Full width!",fullWidth:!0,margin:"normal",variant:"filled",InputLabelProps:{shrink:!0}}),Hd(c(),{id:"filled-bare",className:e.textField,defaultValue:"Bare",margin:"normal",variant:"filled"}))};var qd,Xd=t(92892),Yd=t.n(Xd);function Qd(e,a,t,i){qd||(qd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:qd,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function Zd(){return Zd=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},Zd.apply(this,arguments)}const es=[{title:"The Shawshank Redemption",year:1994},{title:"The Godfather",year:1972},{title:"The Godfather: Part II",year:1974},{title:"The Dark Knight",year:2008},{title:"12 Angry Men",year:1957},{title:"Schindler's List",year:1993},{title:"Pulp Fiction",year:1994},{title:"The Lord of the Rings: The Return of the King",year:2003},{title:"The Good, the Bad and the Ugly",year:1966},{title:"Fight Club",year:1999},{title:"The Lord of the Rings: The Fellowship of the Ring",year:2001},{title:"Star Wars: Episode V - The Empire Strikes Back",year:1980},{title:"Forrest Gump",year:1994},{title:"Inception",year:2010},{title:"The Lord of the Rings: The Two Towers",year:2002},{title:"One Flew Over the Cuckoo's Nest",year:1975},{title:"Goodfellas",year:1990},{title:"The Matrix",year:1999},{title:"Seven Samurai",year:1954},{title:"Star Wars: Episode IV - A New Hope",year:1977},{title:"City of God",year:2002},{title:"Se7en",year:1995},{title:"The Silence of the Lambs",year:1991},{title:"It's a Wonderful Life",year:1946},{title:"Life Is Beautiful",year:1997},{title:"The Usual Suspects",year:1995},{title:"L\xe9on: The Professional",year:1994},{title:"Spirited Away",year:2001},{title:"Saving Private Ryan",year:1998},{title:"Once Upon a Time in the West",year:1968},{title:"American History X",year:1998},{title:"Interstellar",year:2014},{title:"Casablanca",year:1942},{title:"City Lights",year:1931},{title:"Psycho",year:1960},{title:"The Green Mile",year:1999},{title:"The Intouchables",year:2011},{title:"Modern Times",year:1936},{title:"Raiders of the Lost Ark",year:1981},{title:"Rear Window",year:1954},{title:"The Pianist",year:2002},{title:"The Departed",year:2006},{title:"Terminator 2: Judgment Day",year:1991},{title:"Back to the Future",year:1985},{title:"Whiplash",year:2014},{title:"Gladiator",year:2e3},{title:"Memento",year:2e3},{title:"The Prestige",year:2006},{title:"The Lion King",year:1994},{title:"Apocalypse Now",year:1979},{title:"Alien",year:1979},{title:"Sunset Boulevard",year:1950},{title:"Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",year:1964},{title:"The Great Dictator",year:1940},{title:"Cinema Paradiso",year:1988},{title:"The Lives of Others",year:2006},{title:"Grave of the Fireflies",year:1988},{title:"Paths of Glory",year:1957},{title:"Django Unchained",year:2012},{title:"The Shining",year:1980},{title:"WALL\xb7E",year:2008},{title:"American Beauty",year:1999},{title:"The Dark Knight Rises",year:2012},{title:"Princess Mononoke",year:1997},{title:"Aliens",year:1986},{title:"Oldboy",year:2003},{title:"Once Upon a Time in America",year:1984},{title:"Witness for the Prosecution",year:1957},{title:"Das Boot",year:1981},{title:"Citizen Kane",year:1941},{title:"North by Northwest",year:1959},{title:"Vertigo",year:1958},{title:"Star Wars: Episode VI - Return of the Jedi",year:1983},{title:"Reservoir Dogs",year:1992},{title:"Braveheart",year:1995},{title:"M",year:1931},{title:"Requiem for a Dream",year:2e3},{title:"Am\xe9lie",year:2001},{title:"A Clockwork Orange",year:1971},{title:"Like Stars on Earth",year:2007},{title:"Taxi Driver",year:1976},{title:"Lawrence of Arabia",year:1962},{title:"Double Indemnity",year:1944},{title:"Eternal Sunshine of the Spotless Mind",year:2004},{title:"Amadeus",year:1984},{title:"To Kill a Mockingbird",year:1962},{title:"Toy Story 3",year:2010},{title:"Logan",year:2017},{title:"Full Metal Jacket",year:1987},{title:"Dangal",year:2016},{title:"The Sting",year:1973},{title:"2001: A Space Odyssey",year:1968},{title:"Singin' in the Rain",year:1952},{title:"Toy Story",year:1995},{title:"Bicycle Thieves",year:1948},{title:"The Kid",year:1921},{title:"Inglourious Basterds",year:2009},{title:"Snatch",year:2e3},{title:"3 Idiots",year:2009},{title:"Monty Python and the Holy Grail",year:1975}];function as(){return Qd("div",{style:{width:300}},void 0,Qd(Yd(),{id:"free-solo-demo",freeSolo:!0,options:es.map((e=>e.title)),renderInput:e=>o.createElement(c(),Zd({variant:"standard"},e,{label:"Select Film by title",margin:"normal"}))}))}var ts;function is(e,a,t,i){ts||(ts="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ts,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function os(){return os=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},os.apply(this,arguments)}const rs=[{title:"The Shawshank Redemption",year:1994},{title:"The Godfather",year:1972},{title:"The Godfather: Part II",year:1974},{title:"The Dark Knight",year:2008},{title:"12 Angry Men",year:1957},{title:"Schindler's List",year:1993},{title:"Pulp Fiction",year:1994},{title:"The Lord of the Rings: The Return of the King",year:2003},{title:"The Good, the Bad and the Ugly",year:1966},{title:"Fight Club",year:1999},{title:"The Lord of the Rings: The Fellowship of the Ring",year:2001},{title:"Star Wars: Episode V - The Empire Strikes Back",year:1980},{title:"Forrest Gump",year:1994},{title:"Inception",year:2010},{title:"The Lord of the Rings: The Two Towers",year:2002},{title:"One Flew Over the Cuckoo's Nest",year:1975},{title:"Goodfellas",year:1990},{title:"The Matrix",year:1999},{title:"Seven Samurai",year:1954},{title:"Star Wars: Episode IV - A New Hope",year:1977},{title:"City of God",year:2002},{title:"Se7en",year:1995},{title:"The Silence of the Lambs",year:1991},{title:"It's a Wonderful Life",year:1946},{title:"Life Is Beautiful",year:1997},{title:"The Usual Suspects",year:1995},{title:"L\xe9on: The Professional",year:1994},{title:"Spirited Away",year:2001},{title:"Saving Private Ryan",year:1998},{title:"Once Upon a Time in the West",year:1968},{title:"American History X",year:1998},{title:"Interstellar",year:2014},{title:"Casablanca",year:1942},{title:"City Lights",year:1931},{title:"Psycho",year:1960},{title:"The Green Mile",year:1999},{title:"The Intouchables",year:2011},{title:"Modern Times",year:1936},{title:"Raiders of the Lost Ark",year:1981},{title:"Rear Window",year:1954},{title:"The Pianist",year:2002},{title:"The Departed",year:2006},{title:"Terminator 2: Judgment Day",year:1991},{title:"Back to the Future",year:1985},{title:"Whiplash",year:2014},{title:"Gladiator",year:2e3},{title:"Memento",year:2e3},{title:"The Prestige",year:2006},{title:"The Lion King",year:1994},{title:"Apocalypse Now",year:1979},{title:"Alien",year:1979},{title:"Sunset Boulevard",year:1950},{title:"Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",year:1964},{title:"The Great Dictator",year:1940},{title:"Cinema Paradiso",year:1988},{title:"The Lives of Others",year:2006},{title:"Grave of the Fireflies",year:1988},{title:"Paths of Glory",year:1957},{title:"Django Unchained",year:2012},{title:"The Shining",year:1980},{title:"WALL\xb7E",year:2008},{title:"American Beauty",year:1999},{title:"The Dark Knight Rises",year:2012},{title:"Princess Mononoke",year:1997},{title:"Aliens",year:1986},{title:"Oldboy",year:2003},{title:"Once Upon a Time in America",year:1984},{title:"Witness for the Prosecution",year:1957},{title:"Das Boot",year:1981},{title:"Citizen Kane",year:1941},{title:"North by Northwest",year:1959},{title:"Vertigo",year:1958},{title:"Star Wars: Episode VI - Return of the Jedi",year:1983},{title:"Reservoir Dogs",year:1992},{title:"Braveheart",year:1995},{title:"M",year:1931},{title:"Requiem for a Dream",year:2e3},{title:"Am\xe9lie",year:2001},{title:"A Clockwork Orange",year:1971},{title:"Like Stars on Earth",year:2007},{title:"Taxi Driver",year:1976},{title:"Lawrence of Arabia",year:1962},{title:"Double Indemnity",year:1944},{title:"Eternal Sunshine of the Spotless Mind",year:2004},{title:"Amadeus",year:1984},{title:"To Kill a Mockingbird",year:1962},{title:"Toy Story 3",year:2010},{title:"Logan",year:2017},{title:"Full Metal Jacket",year:1987},{title:"Dangal",year:2016},{title:"The Sting",year:1973},{title:"2001: A Space Odyssey",year:1968},{title:"Singin' in the Rain",year:1952},{title:"Toy Story",year:1995},{title:"Bicycle Thieves",year:1948},{title:"The Kid",year:1921},{title:"Inglourious Basterds",year:2009},{title:"Snatch",year:2e3},{title:"3 Idiots",year:2009},{title:"Monty Python and the Holy Grail",year:1975}];function ls(){return is("div",{},void 0,is(Yd(),{multiple:!0,id:"tags-standard",freeSolo:!0,options:rs,getOptionLabel:e=>e.title,defaultValue:[rs[13]],renderInput:e=>o.createElement(c(),os({variant:"standard"},e,{label:"Multiple values",placeholder:"Favorites"}))}))}var ns;function ds(e,a,t,i){ns||(ns="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ns,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function ss(){return ss=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},ss.apply(this,arguments)}const cs=[{title:"The Shawshank Redemption",year:1994},{title:"The Godfather",year:1972},{title:"The Godfather: Part II",year:1974},{title:"The Dark Knight",year:2008},{title:"12 Angry Men",year:1957},{title:"Schindler's List",year:1993},{title:"Pulp Fiction",year:1994},{title:"The Lord of the Rings: The Return of the King",year:2003},{title:"The Good, the Bad and the Ugly",year:1966},{title:"Fight Club",year:1999},{title:"The Lord of the Rings: The Fellowship of the Ring",year:2001},{title:"Star Wars: Episode V - The Empire Strikes Back",year:1980},{title:"Forrest Gump",year:1994},{title:"Inception",year:2010},{title:"The Lord of the Rings: The Two Towers",year:2002},{title:"One Flew Over the Cuckoo's Nest",year:1975},{title:"Goodfellas",year:1990},{title:"The Matrix",year:1999},{title:"Seven Samurai",year:1954},{title:"Star Wars: Episode IV - A New Hope",year:1977},{title:"City of God",year:2002},{title:"Se7en",year:1995},{title:"The Silence of the Lambs",year:1991},{title:"It's a Wonderful Life",year:1946},{title:"Life Is Beautiful",year:1997},{title:"The Usual Suspects",year:1995},{title:"L\xe9on: The Professional",year:1994},{title:"Spirited Away",year:2001},{title:"Saving Private Ryan",year:1998},{title:"Once Upon a Time in the West",year:1968},{title:"American History X",year:1998},{title:"Interstellar",year:2014},{title:"Casablanca",year:1942},{title:"City Lights",year:1931},{title:"Psycho",year:1960},{title:"The Green Mile",year:1999},{title:"The Intouchables",year:2011},{title:"Modern Times",year:1936},{title:"Raiders of the Lost Ark",year:1981},{title:"Rear Window",year:1954},{title:"The Pianist",year:2002},{title:"The Departed",year:2006},{title:"Terminator 2: Judgment Day",year:1991},{title:"Back to the Future",year:1985},{title:"Whiplash",year:2014},{title:"Gladiator",year:2e3},{title:"Memento",year:2e3},{title:"The Prestige",year:2006},{title:"The Lion King",year:1994},{title:"Apocalypse Now",year:1979},{title:"Alien",year:1979},{title:"Sunset Boulevard",year:1950},{title:"Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",year:1964},{title:"The Great Dictator",year:1940},{title:"Cinema Paradiso",year:1988},{title:"The Lives of Others",year:2006},{title:"Grave of the Fireflies",year:1988},{title:"Paths of Glory",year:1957},{title:"Django Unchained",year:2012},{title:"The Shining",year:1980},{title:"WALL\xb7E",year:2008},{title:"American Beauty",year:1999},{title:"The Dark Knight Rises",year:2012},{title:"Princess Mononoke",year:1997},{title:"Aliens",year:1986},{title:"Oldboy",year:2003},{title:"Once Upon a Time in America",year:1984},{title:"Witness for the Prosecution",year:1957},{title:"Das Boot",year:1981},{title:"Citizen Kane",year:1941},{title:"North by Northwest",year:1959},{title:"Vertigo",year:1958},{title:"Star Wars: Episode VI - Return of the Jedi",year:1983},{title:"Reservoir Dogs",year:1992},{title:"Braveheart",year:1995},{title:"M",year:1931},{title:"Requiem for a Dream",year:2e3},{title:"Am\xe9lie",year:2001},{title:"A Clockwork Orange",year:1971},{title:"Like Stars on Earth",year:2007},{title:"Taxi Driver",year:1976},{title:"Lawrence of Arabia",year:1962},{title:"Double Indemnity",year:1944},{title:"Eternal Sunshine of the Spotless Mind",year:2004},{title:"Amadeus",year:1984},{title:"To Kill a Mockingbird",year:1962},{title:"Toy Story 3",year:2010},{title:"Logan",year:2017},{title:"Full Metal Jacket",year:1987},{title:"Dangal",year:2016},{title:"The Sting",year:1973},{title:"2001: A Space Odyssey",year:1968},{title:"Singin' in the Rain",year:1952},{title:"Toy Story",year:1995},{title:"Bicycle Thieves",year:1948},{title:"The Kid",year:1921},{title:"Inglourious Basterds",year:2009},{title:"Snatch",year:2e3},{title:"3 Idiots",year:2009},{title:"Monty Python and the Holy Grail",year:1975}];function us(){return ds("div",{style:{width:300}},void 0,ds(Yd(),{id:"free-solo-demo",options:cs.map((e=>e.title)),renderInput:e=>o.createElement(c(),ss({variant:"standard"},e,{label:"Select Film by title",margin:"normal"}))}))}var ms;function vs(e,a,t,i){ms||(ms="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ms,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function ps(){return ps=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},ps.apply(this,arguments)}const ys=[{title:"The Shawshank Redemption",year:1994},{title:"The Godfather",year:1972},{title:"The Godfather: Part II",year:1974},{title:"The Dark Knight",year:2008},{title:"12 Angry Men",year:1957},{title:"Schindler's List",year:1993},{title:"Pulp Fiction",year:1994},{title:"The Lord of the Rings: The Return of the King",year:2003},{title:"The Good, the Bad and the Ugly",year:1966},{title:"Fight Club",year:1999},{title:"The Lord of the Rings: The Fellowship of the Ring",year:2001},{title:"Star Wars: Episode V - The Empire Strikes Back",year:1980},{title

1:"Forrest Gump",year:1994},{title:"Inception",year:2010},{title:"The Lord of the Rings: The Two Towers",year:2002},{title:"One Flew Over the Cuckoo's Nest",year:1975},{title:"Goodfellas",year:1990},{title:"The Matrix",year:1999},{title:"Seven Samurai",year:1954},{title:"Star Wars: Episode IV - A New Hope",year:1977},{title:"City of God",year:2002},{title:"Se7en",year:1995},{title:"The Silence of the Lambs",year:1991},{title:"It's a Wonderful Life",year:1946},{title:"Life Is Beautiful",year:1997},{title:"The Usual Suspects",year:1995},{title:"L\xe9on: The Professional",year:1994},{title:"Spirited Away",year:2001},{title:"Saving Private Ryan",year:1998},{title:"Once Upon a Time in the West",year:1968},{title:"American History X",year:1998},{title:"Interstellar",year:2014},{title:"Casablanca",year:1942},{title:"City Lights",year:1931},{title:"Psycho",year:1960},{title:"The Green Mile",year:1999},{title:"The Intouchables",year:2011},{title:"Modern Times",year:1936},{title:"Raiders of the Lost Ark",year:1981},{title:"Rear Window",year:1954},{title:"The Pianist",year:2002},{title:"The Departed",year:2006},{title:"Terminator 2: Judgment Day",year:1991},{title:"Back to the Future",year:1985},{title:"Whiplash",year:2014},{title:"Gladiator",year:2e3},{title:"Memento",year:2e3},{title:"The Prestige",year:2006},{title:"The Lion King",year:1994},{title:"Apocalypse Now",year:1979},{title:"Alien",year:1979},{title:"Sunset Boulevard",year:1950},{title:"Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",year:1964},{title:"The Great Dictator",year:1940},{title:"Cinema Paradiso",year:1988},{title:"The Lives of Others",year:2006},{title:"Grave of the Fireflies",year:1988},{title:"Paths of Glory",year:1957},{title:"Django Unchained",year:2012},{title:"The Shining",year:1980},{title:"WALL\xb7E",year:2008},{title:"American Beauty",year:1999},{title:"The Dark Knight Rises",year:2012},{title:"Princess Mononoke",year:1997},{title:"Aliens",year:1986},{title:"Oldboy",year:2003},{title:"Once Upon a Time in America",year:1984},{title:"Witness for the Prosecution",year:1957},{title:"Das Boot",year:1981},{title:"Citizen Kane",year:1941},{title:"North by Northwest",year:1959},{title:"Vertigo",year:1958},{title:"Star Wars: Episode VI - Return of the Jedi",year:1983},{title:"Reservoir Dogs",year:1992},{title:"Braveheart",year:1995},{title:"M",year:1931},{title:"Requiem for a Dream",year:2e3},{title:"Am\xe9lie",year:2001},{title:"A Clockwork Orange",year:1971},{title:"Like Stars on Earth",year:2007},{title:"Taxi Driver",year:1976},{title:"Lawrence of Arabia",year:1962},{title:"Double Indemnity",year:1944},{title:"Eternal Sunshine of the Spotless Mind",year:2004},{title:"Amadeus",year:1984},{title:"To Kill a Mockingbird",year:1962},{title:"Toy Story 3",year:2010},{title:"Logan",year:2017},{title:"Full Metal Jacket",year:1987},{title:"Dangal",year:2016},{title:"The Sting",year:1973},{title:"2001: A Space Odyssey",year:1968},{title:"Singin' in the Rain",year:1952},{title:"Toy Story",year:1995},{title:"Bicycle Thieves",year:1948},{title:"The Kid",year:1921},{title:"Inglourious Basterds",year:2009},{title:"Snatch",year:2e3},{title:"3 Idiots",year:2009},{title:"Monty Python and the Holy Grail",year:1975}];function hs(){return vs("div",{},void 0,vs(Yd(),{multiple:!0,id:"tags-standard",options:ys,getOptionLabel:e=>e.title,defaultValue:[ys[13]],renderInput:e=>o.createElement(c(),ps({variant:"standard"},e,{label:"Multiple values",placeholder:"Favorites"}))}))}var fs,gs=t(27371),bs=t.n(gs),Ss=t(32793),Ns=t.n(Ss);function ws(e,a,t,i){fs||(fs="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:fs,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}function ks(){return ks=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&(e[i]=t[i])}return e},ks.apply(this,arguments)}const Ts=[{title:"The Shawshank Redemption",year:1994},{title:"The Godfather",year:1972},{title:"The Godfather: Part II",year:1974},{title:"The Dark Knight",year:2008},{title:"12 Angry Men",year:1957},{title:"Schindler's List",year:1993},{title:"Pulp Fiction",year:1994},{title:"The Lord of the Rings: The Return of the King",year:2003},{title:"The Good, the Bad and the Ugly",year:1966},{title:"Fight Club",year:1999},{title:"The Lord of the Rings: The Fellowship of the Ring",year:2001},{title:"Star Wars: Episode V - The Empire Strikes Back",year:1980},{title:"Forrest Gump",year:1994},{title:"Inception",year:2010},{title:"The Lord of the Rings: The Two Towers",year:2002},{title:"One Flew Over the Cuckoo's Nest",year:1975},{title:"Goodfellas",year:1990},{title:"The Matrix",year:1999},{title:"Seven Samurai",year:1954},{title:"Star Wars: Episode IV - A New Hope",year:1977},{title:"City of God",year:2002},{title:"Se7en",year:1995},{title:"The Silence of the Lambs",year:1991},{title:"It's a Wonderful Life",year:1946},{title:"Life Is Beautiful",year:1997},{title:"The Usual Suspects",year:1995},{title:"L\xe9on: The Professional",year:1994},{title:"Spirited Away",year:2001},{title:"Saving Private Ryan",year:1998},{title:"Once Upon a Time in the West",year:1968},{title:"American History X",year:1998},{title:"Interstellar",year:2014},{title:"Casablanca",year:1942},{title:"City Lights",year:1931},{title:"Psycho",year:1960},{title:"The Green Mile",year:1999},{title:"The Intouchables",year:2011},{title:"Modern Times",year:1936},{title:"Raiders of the Lost Ark",year:1981},{title:"Rear Window",year:1954},{title:"The Pianist",year:2002},{title:"The Departed",year:2006},{title:"Terminator 2: Judgment Day",year:1991},{title:"Back to the Future",year:1985},{title:"Whiplash",year:2014},{title:"Gladiator",year:2e3},{title:"Memento",year:2e3},{title:"The Prestige",year:2006},{title:"The Lion King",year:1994},{title:"Apocalypse Now",year:1979},{title:"Alien",year:1979},{title:"Sunset Boulevard",year:1950},{title:"Dr. Strangelove or: How I Learned to Stop Worrying and Love the Bomb",year:1964},{title:"The Great Dictator",year:1940},{title:"Cinema Paradiso",year:1988},{title:"The Lives of Others",year:2006},{title:"Grave of the Fireflies",year:1988},{title:"Paths of Glory",year:1957},{title:"Django Unchained",year:2012},{title:"The Shining",year:1980},{title:"WALL\xb7E",year:2008},{title:"American Beauty",year:1999},{title:"The Dark Knight Rises",year:2012},{title:"Princess Mononoke",year:1997},{title:"Aliens",year:1986},{title:"Oldboy",year:2003},{title:"Once Upon a Time in America",year:1984},{title:"Witness for the Prosecution",year:1957},{title:"Das Boot",year:1981},{title:"Citizen Kane",year:1941},{title:"North by Northwest",year:1959},{title:"Vertigo",year:1958},{title:"Star Wars: Episode VI - Return of the Jedi",year:1983},{title:"Reservoir Dogs",year:1992},{title:"Braveheart",year:1995},{title:"M",year:1931},{title:"Requiem for a Dream",year:2e3},{title:"Am\xe9lie",year:2001},{title:"A Clockwork Orange",year:1971},{title:"Like Stars on Earth",year:2007},{title:"Taxi Driver",year:1976},{title:"Lawrence of Arabia",year:1962},{title:"Double Indemnity",year:1944},{title:"Eternal Sunshine of the Spotless Mind",year:2004},{title:"Amadeus",year:1984},{title:"To Kill a Mockingbird",year:1962},{title:"Toy Story 3",year:2010},{title:"Logan",year:2017},{title:"Full Metal Jacket",year:1987},{title:"Dangal",year:2016},{title:"The Sting",year:1973},{title:"2001: A Space Odyssey",year:1968},{title:"Singin' in the Rain",year:1952},{title:"Toy Story",year:1995},{title:"Bicycle Thieves",year:1948},{title:"The Kid",year:1921},{title:"Inglourious Basterds",year:2009},{title:"Snatch",year:2e3},{title:"3 Idiots",year:2009},{title:"Monty Python and the Holy Grail",year:1975}];function Cs(){return ws(Yd(),{id:"highlights-demo",sx:{width:"100%"},options:Ts,getOptionLabel:e=>e.title,renderInput:e=>o.createElement(c(),ks({},e,{label:"Highlights",margin:"normal",variant:"standard"})),renderOption:(e,a,t)=>{let{inputValue:i}=t;const r=Ns()(a.title,i,{insideWords:!0}),l=bs()(a.title,r);return o.createElement("li",e,ws("div",{},void 0,l.map(((e,a)=>ws("span",{style:{fontWeight:e.highlight?700:400}},a,e.text)))))}})}var xs,As=t(34325),Ps=t(29928),Fs=t(70765),Is=t.n(Fs),Ls=t(56361),Ds=t.n(Ls),Bs=(t(687),t(39684));function $s(e,a,t,i){xs||(xs="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:xs,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Rs={blocks:[{key:"637gr",text:"Lorem ipsum dolor sit amet \u{1f600}",type:"unstyled",depth:0,inlineStyleRanges:[],entityRanges:[],data:{}}],entityMap:{}}

1;var Ms=$s(v(),{variant:"button"},void 0,"JSON Result :"),Os=$s(v(),{variant:"button"},void 0,"HTML Result :"),Ws=$s(v(),{variant:"button"},void 0,"Markdown Result :");const Es=function(){const{classes:e}=(0,Bs.A)(),a=(0,As.convertFromRaw)(Rs),t=As.EditorState.createWithContent(a),[i,r]=(0,o.useState)(t);return $s(o.Fragment,{},void 0,$s(y(),{container:!0,alignItems:"flex-start",justifyContent:"space-around",direction:"row",spacing:3},void 0,$s(y(),{item:!0,xs:12},void 0,$s(Ps.Editor,{editorState:i,editorClassName:e.textEditor,toolbarClassName:e.toolbarEditor,onEditorStateChange:e=>{r(e)}})),$s(y(),{item:!0,md:4,xs:12},void 0,Ms,$s("textarea",{className:e.textPreview,disabled:!0,value:JSON.stringify(i,null,4)})),$s(y(),{item:!0,md:4,xs:12},void 0,Os,$s("textarea",{className:e.textPreview,disabled:!0,value:Is()((0,As.convertToRaw)(i.getCurrentContent()))})),$s(y(),{item:!0,md:4,xs:12},void 0,Ws,$s("textarea",{className:e.textPreview,disabled:!0,value:i&&Ds()((0,As.convertToRaw)(i.getCurrentContent()))}))))};var Vs,Gs=t(12087),js=t(2501),Us=t(19501),zs=t(66719),Hs=(t(77124),t(13519));function Ks(e,a,t,i){Vs||(Vs="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Vs,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const _s=(0,js.Ay)(),{InlineToolbar:Js}=_s,qs=[_s];const Xs=function(){const{classes:e}=(0,Hs.A)(),[a,t]=(0,o.useState)((0,Gs.o)("In this editor a toolbar shows up once you select part of the text \u2026"));let i=(0,o.useRef)(null);return Ks(o.Fragment,{},void 0,Ks("div",{className:e.editor,onClick:()=>{i.focus()}},void 0,o.createElement(Gs.Ay,{editorState:a,onChange:e=>{t(e)},plugins:qs,ref:e=>{i=e}}),Ks(Js,{},void 0,(a=>Ks("div",{className:e.toolbar},void 0,o.createElement(zs.BoldButton,a),o.createElement(zs.ItalicButton,a),o.createElement(zs.UnderlineButton,a),o.createElement(zs.CodeButton,a),o.createElement(js.wv,a),o.createElement(Us.CD,a),o.createElement(zs.UnorderedListButton,a),o.createElement(zs.OrderedListButton,a),o.createElement(zs.BlockquoteButton,a),o.createElement(zs.CodeBlockButton,a))))))};var Ys;function Qs(e,a,t,i){Ys||(Ys="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:Ys,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const Zs=function(){const[e]=(0,o.useState)([]);return Qs(o.Fragment,{},void 0,Qs("div",{},void 0,Qs(Us.HA,{files:e,showPreviews:!0,maxSize:5e6,filesLimit:5,text:"Drag and drop file(s) here or click"})))};var ec;function ac(e,a,t,i){ec||(ec="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ec,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const tc=function(){const[e]=(0,o.useState)([]);return ac(o.Fragment,{},void 0,ac("div",{},void 0,ac(Us.HA,{acceptedFiles:["image/jpeg","image/png","image/bmp"],files:e,showPreviews:!0,maxSize:5e6,filesLimit:5,text:"Drag and drop image(s) here or click"})))};var ic;function oc(e,a,t,i){ic||(ic="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var o=e&&e.defaultProps,r=arguments.length-3;if(a||0===r||(a={children:void 0}),1===r)a.children=i;else if(r>1){for(var l=new Array(r),n=0;n<r;n++)l[n]=arguments[n+3];a.children=l}if(a&&o)for(var d in o)void 0===a[d]&&(a[d]=o[d]);else a||(a=o||{});return{$$typeof:ic,type:e,key:void 0===t?null:""+t,ref:null,props:a,_owner:null}}const rc=function(){const[e]=(0,o.useState)([]);return oc(o.Fragment,{},void 0,oc("div",{},void 0,oc(Us.HA,{files:e,showPreviews:!0,maxSize:5e6,filesLimit:5,text:"Drag and drop file(s) here or click button bellow",showButton:!0})))}}}]);