https://enlite-static.netlify.app/3160.23d8aa75ca0b542a4a2a.chunk.js

1"use strict";(self.webpackChunkenlite_prime=self.webpackChunkenlite_prime||[]).push([[3160],{63160:(e,o,i)=>{i.d(o,{r:()=>Ao,xD:()=>nd,Lt:()=>Ec,oJ:()=>Dr,p1:()=>qp,yv:()=>Xm,UE:()=>ne,sD:()=>Ke,qX:()=>am,ms:()=>Ep,PT:()=>Xp,lv:()=>is,u5:()=>Ad,xR:()=>pd,in:()=>kd,yp:()=>Td,HY:()=>Tm,M8:()=>$r,CW:()=>k,t_:()=>ws,j_:()=>qo,q:()=>Np,IM:()=>bf,sT:()=>Tn,Os:()=>Dl,rI:()=>fm,af:()=>js,Ex:()=>gv,Vw:()=>er,DZ:()=>nr,KO:()=>Bv,tu:()=>Dv,SG:()=>ll,mD:()=>Hs,Ys:()=>Ud,qp:()=>Md,Tk:()=>qd,YV:()=>ec,M6:()=>lc,bd:()=>Ko,Gf:()=>wi,TO:()=>vt,Kv:()=>Xi,b4:()=>Cr,r3:()=>bm,pL:()=>Da,zz:()=>uu,dG:()=>yc,ZF:()=>Ym,nT:()=>zm,ys:()=>$s,T0:()=>gt,b2:()=>An,$c:()=>_t,p3:()=>Er,wT:()=>bv,h8:()=>Ol,sb:()=>ml,Hl:()=>Vc,oz:()=>lv,LG:()=>go,De:()=>Yn,Sg:()=>Ht,NX:()=>Gr,xv:()=>Bt,b_:()=>Hm,zE:()=>sd,Px:()=>Bs,VT:()=>vs,_I:()=>Au,o3:()=>Mv,jl:()=>Am,SQ:()=>ua,eW:()=>Yu,Tf:()=>_u,Th:()=>rp,sQ:()=>Qs,uq:()=>Aa,eo:()=>_n,yH:()=>G,B8:()=>cp,oN:()=>Zv});var t,n=i(77810),a=i(60288),r=i(9958),l=i(5623),s=i.n(l),d=i(4621),c=i.n(d),v=i(68632),u=i.n(v),m=i(32444),p=i.n(m),f=i(46004);function g(e,o,i,n){t||(t="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var a=e&&e.defaultProps,r=arguments.length-3;if(o||0===r||(o={children:void 0}),1===r)o.children=n;else if(r>1){for(var l=new Array(r),s=0;s<r;s++)l[s]=arguments[s+3];o.children=l}if(o&&a)for(var d in a)void 0===o[d]&&(o[d]=a[d]);else o||(o=a||{});return{$$typeof:t,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const y=(0,a.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`,display:"block"},alone:{position:"relative",margin:20},field:{margin:"10px",position:"relative"},cssRoot:{"& span":{backgroundColor:f.pink[700],color:e.palette.getContrastText(f.pink[500])}}}))),h=(0,r.createTheme)({palette:{primary:f.teal,secondary:f.pink}});var b=g(p(),{variant:"contained"},void 0,"Button"),S=g(p(),{variant:"contained",color:"primary"},void 0,"Button"),w=g(p(),{variant:"contained",color:"secondary"},void 0,"Button"),N=g(p(),{variant:"contained",color:"secondary"},void 0,"Button");const k=function(){const{classes:e}=y();return g(n.Fragment,{},void 0,g(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,g(u(),{item:!0,md:6},void 0,g(c(),{variant:"button",className:e.divider},void 0,"Button Badges"),g(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:3},void 0,g("div",{className:e.field},void 0,g(s(),{color:"primary",badgeContent:4,className:e.margin},void 0,b)),g("div",{className:e.field},void 0,g(s(),{color:"secondary",badgeContent:4,className:e.margin},void 0,S)),g("div",{className:e.field},void 0,g(s(),{color:"primary",badgeContent:4,className:e.margin},void 0,w)),g("div",{className:e.field},void 0,g(r.StyledEngineProvider,{injectFirst:!0},void 0,g(r.ThemeProvider,{theme:h},void 0,g(s(),{color:"primary",badgeContent:4,className:e.margin},void 0,N)))))),g(u(),{item:!0,md:6},void 0,g(c(),{variant:"button",className:e.divider},void 0,"Text Badges"),g(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:5},void 0,g("div",{className:e.field},void 0,g(s(),{color:"primary",badgeContent:4,className:e.margin},void 0,g(c(),{className:e.padding},void 0,"Badge Text"))),g("div",{className:e.field},void 0,g(s(),{color:"secondary",badgeContent:4,className:e.margin},void 0,g(c(),{variant:"button",className:e.padding},void 0,"Badges Bold Text")))))))};var C,x=i(65485),A=i.n(x),$=i(17436),P=i(14037),I=i(41508),T=i.n(I),B=i(5852),O=i.n(B),E=i(64147),z=i.n(E),j=i(19501);function L(e,o,i,t){C||(C="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:C,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const D=(0,a.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`,display:"block"},alone:{position:"relative",margin:20},field:{margin:"10px",position:"relative"},margin:{margin:e.spacing(2)},padding:{padding:`0 ${e.spacing(2)}`},autoscale:{"& span":{width:"auto",padding:2}},badge:{top:1,right:-15,border:`2px solid ${"light"===e.palette.mode?e.palette.grey[200]:e.palette.grey[900]}`}})));var _=L($.A,{}),q=L(A(),{size:"large"},void 0,L(s(),{badgeContent:10,color:"primary"},void 0,L($.A,{}))),R=L($.A,{}),F=L($.A,{}),W=L(P.A,{}),M=L(z(),{label:"Item Two"}),H=L(z(),{label:"Item Three"});const G=function(){const{classes:e,cx:o}=D();return L(n.Fragment,{},void 0,L(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,L(u(),{item:!0,md:4},void 0,L(c(),{variant:"button",className:e.divider},void 0,"Icon Badges"),L(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row"},void 0,L("div",{className:e.field},void 0,L(s(),{className:e.margin,badgeContent:4,color:"secondary"},void 0,_)),L("div",{className:e.field},void 0,q),L("div",{className:e.field},void 0,L(j.Xd,{className:e.margin,value:300,limit:99,color:"secondary"},void 0,R)),L("div",{className:o(e.padding,e.autoscale)},void 0,L(A(),{size:"large"},void 0,L(j.Xd,{className:e.margin,value:3e3,limit:999,color:"primary"},void 0,F))),L("div",{},void 0,L(A(),{"aria-label":"Cart",size:"large"},void 0,L(s(),{badgeContent:4,color:"primary",classes:{badge:e.badge}},void 0,W))))),L(u(),{item:!0,md:7},void 0,L(c(),{variant:"button",className:e.divider},void 0,"Tab Badges"),L(T(),{position:"static"},void 0,L(O(),{value:0},void 0,L(z(),{label:L(s(),{className:e.padding,color:"secondary",badgeContent:4},void 0,"Item One")}),M,H)))))};var V,U=i(50865),Y=i.n(U),J=i(40523),Z=i(99033),K=i(62746),X=i(13415);function Q(e,o,i,t){V||(V="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:V,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const ee=(0,a.n9)()((()=>({row:{display:"flex",justifyContent:"flex-start"},avatar:{margin:10},bigAvatar:{width:60,height:60},pinkAvatar:{margin:10,color:"#fff",backgroundColor:f.pink[500]},greenAvatar:{margin:10,color:"#fff",backgroundColor:f.green[500]},orangeAvatar:{margin:10,color:"#fff",backgroundColor:f.deepOrange[500]},purpleAvatar:{margin:10,color:"#fff",backgroundColor:f.deepPurple[500]}})));var oe=Q(J.A,{}),ie=Q(Z.A,{}),te=Q(K.A,{});const ne=function(){const{classes:e,cx:o}=ee();return Q(n.Fragment,{},void 0,Q(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Q(u(),{item:!0,md:4},void 0,Q(c(),{variant:"button",className:e.divider},void 0,"Image Avatars"),Q("div",{className:e.row},void 0,Q(Y(),{alt:"Remy Sharp",src:X.A[7],className:e.avatar}),Q(Y(),{alt:"Adelle Charles",src:X.A[5],className:o(e.avatar,e.bigAvatar)}))),Q(u(),{item:!0,md:4},void 0,Q(c(),{variant:"button",className:e.divider},void 0,"Icon Avatars"),Q("div",{className:e.row},void 0,Q(Y(),{className:e.avatar},void 0,oe),Q(Y(),{className:e.pinkAvatar},void 0,ie),Q(Y(),{className:e.greenAvatar},void 0,te))),Q(u(),{item:!0,md:4},void 0,Q(c(),{variant:"button",className:e.divider},void 0,"Icon Avatars"),Q("div",{className:e.row},void 0,Q(Y(),{className:e.avatar},void 0,"H"),Q(Y(),{className:e.orangeAvatar},void 0,"N"),Q(Y(),{className:e.purpleAvatar},void 0,"OP")))))};var ae,re=i(30746),le=i.n(re),se=i(6627),de=i.n(se),ce=i(42362),ve=i.n(ce),ue=i(7171),me=i.n(ue),pe=i(61693),fe=i.n(pe),ge=i(63056),ye=i.n(ge),he=i(37043),be=i.n(he),Se=i(60312),we=i.n(Se),Ne=i(89514),ke=i.n(Ne),Ce=i(44246),xe=i(59635),Ae=i(87286),$e=i(75610),Pe=i(64776),Ie=i(14137),Te=i(5814),Be=i.n(Te),Oe=i(94050),Ee=i(37297),ze=i.n(Ee),je=i(7928);function Le(e,o,i,t){ae||(ae="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ae,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const De=(0,a.n9)()((e=>({row:{display:"flex",justifyContent:"flex-start"},chip:{margin:e.spacing(1)},card:{maxWidth:400},media:{height:0,paddingTop:"56.25%"},actions:{display:"flex"},expand:{transform:"rotate(0deg)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest}),marginLeft:"auto"},expandOpen:{transform:"rotate(180deg)"},root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper},avatarRed:{backgroundColor:f.red[500]},avatarGreen:{backgroundColor:f.green[500]},avatarAmber:{backgroundColor:f.amber[500]},divider:{margin:`${e.spacing(3)} 0`}})));var _e=Le(Y(),{},void 0,"MB"),qe=Le(Y(),{src:"/images/pp_boy.svg"}),Re=Le(Y(),{},void 0,Le(Oe.A,{})),Fe=Le(Ce.A,{}),We=Le(we(),{primary:"Photos",secondary:"Jan 9, 2014"}),Me=Le(Ae.A,{}),He=Le(we(),{primary:"Work",secondary:"Jan 7, 2014"}),Ge=Le($e.A,{}),Ve=Le(we(),{primary:"Vacation",secondary:"July 20, 2014"}),Ue=Le(de(),{avatar:Le(Y(),{src:"/images/pp_girl.svg"}),action:Le(A(),{size:"large"},void 0,Le(Ie.A,{})),title:"Aliquam nec ex aliquet",subheader:"September 14, 2018"}),Ye=Le(me(),{},void 0,Le(c(),{component:"p"},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum.")),Je=Le(A(),{"aria-label":"Add to favorites",size:"large"},void 0,Le(xe.A,{})),Ze=Le(A(),{"aria-label":"Share",size:"large"},void 0,Le(Pe.A,{}));const Ke=function(){const{classes:e}=De(),o=()=>{alert("You clicked the delete icon.")},i=()=>{alert("You clicked the Chip.")};return Le(n.Fragment,{},void 0,Le(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Le(u(),{item:!0,md:6},void 0,Le(c(),{variant:"button",className:e.divider}

1,void 0,"Avatars in Tag(Chip)"),Le(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:1},void 0,Le(Be(),{avatar:_e,label:"Clickable Chip",onClick:()=>i(),className:e.chip}),Le(Be(),{avatar:qe,label:"Deletable Chip",onDelete:()=>o(),className:e.chip}),Le(Be(),{avatar:Re,label:"Clickable Deletable Chip",onClick:()=>i(),onDelete:()=>o(),className:e.chip})),Le(ze(),{className:e.divider}),Le(c(),{variant:"button",className:e.divider},void 0,"Avatars in List Menu"),Le("div",{className:e.root},void 0,Le(ye(),{},void 0,Le(be(),{},void 0,Le(ke(),{},void 0,Le(Y(),{className:e.avatarRed},void 0,Fe)),We),Le(be(),{},void 0,Le(ke(),{},void 0,Le(Y(),{className:e.avatarGreen},void 0,Me)),He),Le(be(),{},void 0,Le(ke(),{},void 0,Le(Y(),{className:e.avatarAmber},void 0,Ge)),Ve)))),Le(u(),{item:!0,md:6},void 0,Le(c(),{variant:"button",className:e.divider},void 0,"Avatars in Social Media"),Le("div",{},void 0,Le(le(),{className:e.card},void 0,Ue,Le(ve(),{className:e.media,image:je.A[7],title:"Image"}),Ye,Le(fe(),{className:e.actions},void 0,Je,Ze))))))};var Xe,Qe=i(13470),eo=i.n(Qe),oo=i(84208),io=i.n(oo),to=i(33474),no=i.n(to),ao=i(32346);function ro(e,o,i,t){Xe||(Xe="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Xe,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const lo=(0,a.n9)()((e=>({root:{width:"100%"},heading:{fontSize:e.typography.pxToRem(15),fontWeight:e.typography.fontWeightMedium}})));var so=ro(ao.A,{}),co=ro(io(),{},void 0,ro(c(),{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")),vo=ro(ao.A,{}),uo=ro(io(),{},void 0,ro(c(),{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")),mo=ro(ao.A,{}),po=ro(io(),{},void 0,ro(c(),{},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse malesuada lacus ex, sit amet blandit leo lobortis eget.")),fo=ro(ao.A,{});const go=function(){const{classes:e}=lo();return ro("div",{className:e.root},void 0,ro(eo(),{},void 0,ro(no(),{expandIcon:so},void 0,ro(c(),{className:e.heading},void 0,"Expansion Panel 1")),co),ro(eo(),{},void 0,ro(no(),{expandIcon:vo},void 0,ro(c(),{className:e.heading},void 0,"Expansion Panel 2")),uo),ro(eo(),{},void 0,ro(no(),{expandIcon:mo},void 0,ro(c(),{className:e.heading},void 0,"Expansion Panel 2")),po),ro(eo(),{disabled:!0},void 0,ro(no(),{expandIcon:fo},void 0,ro(c(),{className:e.heading},void 0,"Disabled Expansion Panel"))))};var yo,ho=i(51985),bo=i.n(ho);function So(e,o,i,t){yo||(yo="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:yo,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const wo=(0,a.n9)()((e=>({root:{width:"100%"},heading:{fontSize:e.typography.pxToRem(15),fontWeight:e.typography.fontWeightMedium},secondaryHeading:{fontSize:e.typography.pxToRem(15),color:e.palette.text.secondary,fontWeight:e.typography.fontWeightMedium},icon:{verticalAlign:"bottom",height:20,width:20},details:{alignItems:"center",display:"flex"},column:{flexBasis:"33.33%"},helper:{borderLeft:`2px solid ${e.palette.divider}`,padding:`${e.spacing(1)} ${e.spacing(2)}`},link:{color:e.palette.secondary.main,textDecoration:"none","&:hover":{textDecoration:"underline"}}})));var No=So(ao.A,{}),ko=So("br",{}),Co=So(ze(),{}),xo=So(bo(),{},void 0,So(p(),{size:"small"},void 0,"Cancel"),So(p(),{size:"small",color:"secondary"},void 0,"Save"));const Ao=function(){const{classes:e,cx:o}=wo();return So("div",{className:e.root},void 0,So(eo(),{defaultExpanded:!0},void 0,So(no(),{expandIcon:No},void 0,So("div",{className:e.column},void 0,So(c(),{className:e.heading},void 0,"Location")),So("div",{className:e.column},void 0,So(c(),{className:e.secondaryHeading},void 0,"Select trip destination"))),So(io(),{className:e.details},void 0,So("div",{className:e.column}),So("div",{className:e.column},void 0,So(Be(),{label:"Barbados",className:e.chip,onDelete:()=>{}})),So("div",{className:o(e.column,e.helper)},void 0,So(c(),{variant:"caption"},void 0,"Select your destination of choice",ko,So("a",{href:"#sub-labels-and-columns",className:e.link},void 0,"Learn more")))),Co,xo))};var $o;function Po(e,o,i,t){$o||($o="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});

1return{$$typeof:$o,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Io=(0,a.n9)()((e=>({root:{width:"100%"},heading:{fontSize:e.typography.pxToRem(15),flexBasis:"33.33%",flexShrink:0},secondaryHeading:{fontSize:e.typography.pxToRem(15),color:e.palette.text.secondary}})));var To,Bo=Po(ao.A,{}),Oo=Po(io(),{},void 0,Po(c(),{},void 0,"Nulla facilisi. Phasellus sollicitudin nulla et quam mattis feugiat. Aliquam eget maximus est, id dignissim quam.")),Eo=Po(ao.A,{}),zo=Po(io(),{},void 0,Po(c(),{},void 0,"Donec placerat, lectus sed mattis semper, neque lectus feugiat lectus, varius pulvinar diam eros in elit. Pellentesque convallis laoreet laoreet.")),jo=Po(ao.A,{}),Lo=Po(io(),{},void 0,Po(c(),{},void 0,"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue.")),Do=Po(ao.A,{}),_o=Po(io(),{},void 0,Po(c(),{},void 0,"Nunc vitae orci ultricies, auctor nunc in, volutpat nisl. Integer sit amet egestas eros, vitae egestas augue. Duis vel est augue."));function qo(){const{classes:e}=Io(),[o,i]=n.useState(!1),t=e=>(o,t)=>{i(!!t&&e)};return Po("div",{className:e.root},void 0,Po(eo(),{expanded:"panel1"===o,onChange:t("panel1")},void 0,Po(no(),{expandIcon:Bo,"aria-controls":"panel1bh-content",id:"panel1bh-header"},void 0,Po(c(),{className:e.heading},void 0,"General settings"),Po(c(),{className:e.secondaryHeading},void 0,"I am an accordion")),Oo),Po(eo(),{expanded:"panel2"===o,onChange:t("panel2")},void 0,Po(no(),{expandIcon:Eo,"aria-controls":"panel2bh-content",id:"panel2bh-header"},void 0,Po(c(),{className:e.heading},void 0,"Users"),Po(c(),{className:e.secondaryHeading},void 0,"You are currently not an owner")),zo),Po(eo(),{expanded:"panel3"===o,onChange:t("panel3")},void 0,Po(no(),{expandIcon:jo,"aria-controls":"panel3bh-content",id:"panel3bh-header"},void 0,Po(c(),{className:e.heading},void 0,"Advanced settings"),Po(c(),{className:e.secondaryHeading},void 0,"Filtering has been entirely disabled for whole web server")),Lo),Po(eo(),{expanded:"panel4"===o,onChange:t("panel4")},void 0,Po(no(),{expandIcon:Do,"aria-controls":"panel4bh-content",id:"panel4bh-header"},void 0,Po(c(),{className:e.heading},void 0,"Personal data")),_o))}function Ro(e,o,i,t){To||(To="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:To,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Fo=(0,a.n9)()((e=>({root:{maxWidth:"360px",backgroundColor:e.palette.background.paper,margin:10},avatarRed:{backgroundColor:f.red[500]},avatarGreen:{backgroundColor:f.green[500]},avatarAmber:{backgroundColor:f.amber[500]},divider:{margin:`${e.spacing(3)} 0`}})));var Wo=Ro(ye(),{component:"nav"},void 0,Ro(be(),{button:!0},void 0,Ro(we(),{primary:"Inbox"})),Ro(ze(),{}),Ro(be(),{button:!0,divider:!0},void 0,Ro(we(),{primary:"Drafts"})),Ro(be(),{button:!0},void 0,Ro(we(),{primary:"Trash"})),Ro(ze(),{light:!0}),Ro(be(),{button:!0},void 0,Ro(we(),{primary:"Spam"}))),Mo=Ro(Ce.A,{}),Ho=Ro(we(),{primary:"Photos",secondary:"Jan 9, 2014"}),Go=Ro("li",{},void 0,Ro(ze(),{variant:"inset"})),Vo=Ro(Ae.A,{}),Uo=Ro(we(),{primary:"Work",secondary:"Jan 7, 2014"}),Yo=Ro(ze(),{variant:"inset",component:"li"}),Jo=Ro($e.A,{}),Zo=Ro(we(),{primary:"Vacation",secondary:"July 20, 2014"});const Ko=function(){const{classes:e}=Fo();return Ro(n.Fragment,{},void 0,Ro(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Ro(u(),{item:!0,md:6,xs:12},void 0,Ro(c(),{variant:"button",className:e.divider},void 0,"Simple List Divider"),Ro("div",{className:e.root},void 0,Wo)),Ro(u(),{item:!0,md:6,xs:12},void 0,Ro(c(),{variant:"button",className:e.divider},void 0,"Inset Divider"),Ro("div",{className:e.root},void 0,Ro(ye(),{},void 0,Ro(be(),{},void 0,Ro(ke(),{},void 0,Ro(Y(),{className:e.avatarRed},void 0,Mo)),Ho),Go,Ro(be(),{},void 0,Ro(ke(),{},void 0,Ro(Y(),{className:e.avatarGreen},void 0,Vo)),Uo),Yo,Ro(be(),{},void 0,Ro(ke(),{},void 0,Ro(Y(),{className:e.avatarAmber},void 0,Jo)),Zo))))))};var Xo,Qo=i(23954),ei=i.n(Qo),oi=i(64977),ii=i.n(oi),ti=i(80935),ni=i.n(ti),ai=i(74953),ri=i.n(ai),li=i(71532),si=i.n(li),di=i(57014),ci=i(53062),vi=i(41869);function ui(e,o,i,t){Xo||(Xo="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Xo,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const mi=(0,a.n9)()((e=>({root:{maxWidth:360,backgroundColor:e.palette.background.paper,margin:10}})));var pi=ui(ii(),{},void 0,ui(A(),{"aria-label":"Comments",size:"large"},void 0,ui(di.A,{}))),fi=ui(ke(),{},void 0,ui(Y(),{alt:"Remy Sharp",src:"/images/pp_boy.svg"})),gi=ui(ni(),{},void 0,"Settings"),yi=ui(ei(),{},void 0,ui(ci.A,{})),hi=ui(we(),{primary:"Wi-Fi"}),bi=ui(ei(),{},void 0,ui(vi.A,{})),Si=ui(we(),{primary:"Bluetooth"});

1const wi=function(){const[e,o]=(0,n.useState)({checked:[0],checked2:[1],checked3:["wifi"]}),i=i=>()=>{const{checked:t}=e,n=t.indexOf(i),a=[...t];-1===n?a.push(i):a.splice(n,1),o({checked:a,checked2:a,checked3:a})},{classes:t}=mi(),{checked:a,checked2:r,checked3:l}=e;return ui(n.Fragment,{},void 0,ui(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,ui(u(),{item:!0,md:4,xs:12},void 0,ui(c(),{variant:"button",className:t.divider},void 0,"Checkbox"),ui("div",{className:t.root},void 0,ui(ye(),{},void 0,[0,1,2,3].map((e=>ui(be(),{role:void 0,dense:!0,button:!0,onClick:()=>i(e),className:t.listItem},e,ui(ri(),{checked:-1!==a.indexOf(e),tabIndex:-1,disableRipple:!0}),ui(we(),{primary:`Line item ${e+1}`}),pi)))))),ui(u(),{item:!0,md:4,xs:12},void 0,ui(c(),{variant:"button",className:t.divider},void 0,"Checkbox"),ui("div",{className:t.root},void 0,ui(ye(),{},void 0,[0,1,2,3].map((e=>ui(be(),{dense:!0,button:!0,className:t.listItem},e,fi,ui(we(),{primary:`Line item ${e+1}`}),ui(ii(),{},void 0,ui(ri(),{onChange:()=>i(e),checked:-1!==r.indexOf(e)})))))))),ui(u(),{item:!0,md:4,xs:12},void 0,ui(c(),{variant:"button",className:t.divider},void 0,"Switch"),ui("div",{className:t.root},void 0,ui(ye(),{subheader:gi},void 0,ui(be(),{},void 0,yi,hi,ui(ii(),{},void 0,ui(si(),{onChange:()=>i("wifi"),checked:-1!==l.indexOf("wifi")}))),ui(be(),{},void 0,bi,Si,ui(ii(),{},void 0,ui(si(),{onChange:()=>i("bluetooth"),checked:-1!==l.indexOf("bluetooth")}))))))))};var Ni,ki=i(9855),Ci=i(8011),xi=i.n(Ci),Ai=i(36767),$i=i(27375),Pi=i(79881),Ii=i(84618),Ti=i(75697);function Bi(e,o,i,t){Ni||(Ni="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ni,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Oi=(0,a.n9)()((e=>({root:{maxWidth:"360px",backgroundColor:e.palette.background.paper,margin:10},nested:{paddingLeft:e.spacing(4)},avatarRed:{backgroundColor:f.red[500]},avatarGreen:{backgroundColor:f.green[500]},avatarAmber:{backgroundColor:f.amber[500]},iconBlue:{color:f.lightBlue[500]},iconPink:{color:f.pink[500]},iconAmber:{color:f.amber[500]},iconTeal:{color:f.teal[500]}})));var Ei=Bi(we(),{primary:"Inbox"}),zi=Bi(we(),{primary:"Drafts"}),ji=Bi(ze(),{}),Li=Bi(ye(),{component:"nav"},void 0,Bi(be(),{button:!0},void 0,Bi(we(),{primary:"Trash"})),Bi(be(),{button:!0,component:"a",href:"#simple-list"},void 0,Bi(we(),{primary:"Spam"}))),Di=Bi(Ce.A,{}),_i=Bi(we(),{primary:"Photos",secondary:"Jan 9, 2014"}),qi=Bi(Ae.A,{}),Ri=Bi(we(),{primary:"Work",secondary:"Jan 7, 2014"}),Fi=Bi($e.A,{}),Wi=Bi(we(),{primary:"Vacation",secondary:"July 20, 2014"}),Mi=Bi(we(),{variant:"inset",primary:"Chelsea Otakan"}),Hi=Bi(be(),{button:!0},void 0,Bi(we(),{variant:"inset",primary:"Eric Hoffman"})),Gi=Bi(ni(),{component:"div"},void 0,"Nested List Items"),Vi=Bi(we(),{variant:"inset",primary:"Sent mail"}),Ui=Bi(we(),{variant:"inset",primary:"Drafts"}),Yi=Bi(we(),{variant:"inset",primary:"Inbox"}),Ji=Bi(Ii.A,{}),Zi=Bi(ao.A,{}),Ki=Bi(we(),{variant:"inset",primary:"Starred"});const Xi=function(){const[e,o]=(0,n.useState)(!0),{classes:i}=Oi();return Bi(n.Fragment,{},void 0,Bi(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Bi(u(),{item:!0,md:6,xs:12},void 0,Bi(c(),{variant:"button",className:i.divider},void 0,"Menu List"),Bi("div",{className:i.root},void 0,Bi(ye(),{component:"nav"},void 0,Bi(be(),{button:!0},void 0,Bi(ei(),{},void 0,Bi(Ai.A,{className:i.iconPink})),Ei),Bi(be(),{button:!0},void 0,Bi(ei(),{},void 0,Bi($i.A,{className:i.iconBlue})),zi)),ji,Li)),Bi(u(),{item:!0,md:6,xs:12},void 0,Bi(c(),{variant:"button",className:i.divider},void 0,"Folder List"),Bi("div",{className:i.root},void 0,Bi(ye(),{},void 0,Bi(be(),{},void 0,Bi(ke(),{},void 0,Bi(Y(),{className:i.avatarRed},void 0,Di)),_i),Bi(be(),{},void 0,Bi(ke(),{},void 0,Bi(Y(),{className:i.avatarGreen},void 0,qi)),Ri),Bi(be(),{},void 0,Bi(ke(),{},void 0,Bi(Y(),{className:i.avatarAmber}

1,void 0,Fi)),Wi)))),Bi(u(),{item:!0,md:6,xs:12},void 0,Bi(c(),{variant:"button",className:i.divider},void 0,"Inset List"),Bi("div",{className:i.root},void 0,Bi(ye(),{component:"nav"},void 0,Bi(be(),{button:!0},void 0,Bi(ei(),{},void 0,Bi(ki.A,{className:i.iconAmber})),Mi),Hi))),Bi(u(),{item:!0,md:6,xs:12},void 0,Bi(c(),{variant:"button",className:i.divider},void 0,"Nested List"),Bi("div",{className:i.root},void 0,Bi(ye(),{component:"nav",subheader:Gi},void 0,Bi(be(),{button:!0},void 0,Bi(ei(),{},void 0,Bi(Pi.A,{className:i.iconTeal})),Vi),Bi(be(),{button:!0},void 0,Bi(ei(),{},void 0,Bi($i.A,{className:i.iconBlue})),Ui),Bi(be(),{button:!0,onClick:()=>{o(!e)}},void 0,Bi(ei(),{},void 0,Bi(Ai.A,{className:i.iconPink})),Yi,e?Ji:Zi),Bi(xi(),{in:e,timeout:"auto",unmountOnExit:!0},void 0,Bi(ye(),{component:"div",disablePadding:!0},void 0,Bi(be(),{button:!0,className:i.nested},void 0,Bi(ei(),{},void 0,Bi(Ti.A,{className:i.iconAmber})),Ki))))))))};var Qi,et=i(96857),ot=i.n(et),it=i(92039),tt=i.n(it),nt=i(41016);function at(e,o,i,t){Qi||(Qi="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Qi,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const rt=(0,a.n9)()((e=>({root:{flexGrow:1,maxWidth:752},demo:{backgroundColor:e.palette.background.paper},title:{margin:`${e.spacing(4)} 0 ${e.spacing(2)}`},iconCyan:{color:f.cyan[300]},avatarCyan:{background:f.cyan[300]}})));function lt(e){return[0,1,2].map((o=>n.cloneElement(e,{key:o})))}var st=at(J.A,{}),dt=at(J.A,{}),ct=at(ii(),{},void 0,at(A(),{"aria-label":"Delete",size:"large"},void 0,at(nt.default,{})));const vt=function(){const[e,o]=(0,n.useState)(!1),[i,t]=(0,n.useState)(!1),{classes:a}=rt();return at("div",{className:a.root},void 0,at(ot(),{row:!0},void 0,at(tt(),{control:at(ri(),{checked:e,onChange:(e,i)=>o(i),value:"dense"}),label:"Enable dense"}),at(tt(),{control:at(ri(),{checked:i,onChange:(e,o)=>t(o),value:"secondary"}),label:"Enable secondary text"})),at(u(),{container:!0,spacing:2},void 0,at(u(),{item:!0,xs:12,md:6},void 0,at(c(),{variant:"button",className:a.title},void 0,"Text only"),at("div",{className:a.demo},void 0,at(ye(),{dense:e},void 0,lt(at(be(),{},void 0,at(we(),{primary:"Single-line item",secondary:i?"Secondary text":null})))))),at(u(),{item:!0,xs:12,md:6},void 0,at(c(),{variant:"button",className:a.title},void 0,"Icon with text"),at("div",{className:a.demo},void 0,at(ye(),{dense:e},void 0,lt(at(be(),{},void 0,at(ei(),{},void 0,at(J.A,{className:a.iconCyan})),at(we(),{primary:"Single-line item",secondary:i?"Secondary text":null}))))))),at(u(),{container:!0,spacing:2},void 0,at(u(),{item:!0,xs:12,md:6},void 0,at(c(),{variant:"button",className:a.title},void 0,"Avatar with text"),at("div",{className:a.demo},void 0,at(ye(),{dense:e},void 0,lt(at(be(),{},void 0,at(ke(),{},void 0,at(Y(),{className:a.avatarCyan},void 0,st)),at(we(),{primary:"Single-line item",secondary:i?"Secondary text":null})))))),at(u(),{item:!0,xs:12,md:6},void 0,at(c(),{variant:"button",className:a.title},void 0,"Avatar with text and icon"),at("div",{className:a.demo},void 0,at(ye(),{dense:e},void 0,lt(at(be(),{},void 0,at(ke(),{},void 0,at(Y(),{className:a.avatarCyan},void 0,dt)),at(we(),{primary:"Single-line item",secondary:i?"Secondary text":null}),ct)))))))};var ut;function mt(e,o,i,t){ut||(ut="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ut,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const pt=(0,a.n9)()((e=>({root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper,position:"relative",overflow:"auto",maxHeight:300},listSection:{backgroundColor:"inherit"},ul:{backgroundColor:"inherit",padding:0},head:{backgroundColor:e.palette.secondary.light,color:e.palette.secondary.main,lineHeight:"30px",height:30,textTransform:"uppercase"}})));var ft=mt("li",{});const gt=function(){const{classes:e}=pt();return mt(u(),{container:!0,alignItems:"center",justifyContent:"center",direction:"row"},void 0,mt(ye(),{className:e.root,subheader:ft},void 0,[0,1,2,3,4].map((o=>mt("li",{className:e.listSection},`section-${o}`,mt("ul",{className:e.ul},void 0,mt(ni(),{className:e.head},void 0,`I'm sticky ${o}`),[0,1,2].map((e=>mt(be(),{},`item-${o}-${e}`,mt(we(),{primary:`Item ${e}`}))))))))))};var yt,ht=i(54984),bt=i(86265),St=i.n(bt),wt=i(23111),Nt=i.n(wt);function kt(e,o,i,t){yt||(yt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:yt,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Ct=(0,a.n9)()((e=>({fab:{margin:e.spacing(2)},fixed:{position:"fixed",bottom:e.spacing(2),right:e.spacing(3)},divider:{margin:`${e.spacing(3)} 0`,textAlign:"center"}})));var xt=kt(Nt(),{title:"Delete"},void 0,kt(A(),{"aria-label":"Delete",size:"large"},void 0,kt(nt.default,{}))),At=kt(ht.A,{}),$t=kt("br",{}),Pt=kt("br",{}),It=kt(ht.A,{}),Tt=kt(A(),{"aria-label":"Delete",size:"large"},void 0,kt(nt.default,{}));

1const Bt=function(){const[e,o]=(0,n.useState)(!1),{classes:i}=Ct();return kt("div",{},void 0,kt(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,kt(u(),{item:!0,md:6},void 0,kt(c(),{variant:"button",display:"block",className:i.divider},void 0,"Simple Tooltips"),kt(u(),{container:!0,alignItems:"center",justifyContent:"center",direction:"row",spacing:2},void 0,xt,kt(Nt(),{title:"Add"},void 0,kt(St(),{color:"primary","aria-label":"Add",className:i.fab},void 0,At)),$t,Pt,kt(Nt(),{title:"FAB 'position: absolute;'"},void 0,kt(St(),{color:"secondary",className:i.fixed},void 0,It)))),kt(u(),{item:!0,md:6},void 0,kt(c(),{variant:"button",display:"block",className:i.divider},void 0,"Delayed Tooltips"),kt(u(),{container:!0,alignItems:"center",justifyContent:"center",direction:"row",spacing:2},void 0,kt(Nt(),{enterDelay:300,leaveDelay:300,onClose:()=>{o(!1)},onOpen:()=>{o(!0)},open:e,placement:"bottom",title:"Delete"},void 0,Tt)))))};var Ot;function Et(e,o,i,t){Ot||(Ot="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ot,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const zt=(0,a.n9)()((()=>({root:{width:500,margin:"0 auto"}})));var jt=Et(u(),{container:!0,justifyContent:"center"},void 0,Et(u(),{item:!0},void 0,Et(Nt(),{id:"tooltip-top-start",title:"Add",placement:"top-start"},void 0,Et(p(),{},void 0,"top-start")),Et(Nt(),{id:"tooltip-top",title:"Add",placement:"top"},void 0,Et(p(),{},void 0,"top")),Et(Nt(),{id:"tooltip-top-end",title:"Add",placement:"top-end"},void 0,Et(p(),{},void 0,"top-end")))),Lt=Et(u(),{container:!0,justifyContent:"center"},void 0,Et(u(),{item:!0,xs:6},void 0,Et(Nt(),{id:"tooltip-left-start",title:"Add",placement:"left-start"},void 0,Et(p(),{},void 0,"left-start")),Et("br",{}),Et(Nt(),{id:"tooltip-left",title:"Add",placement:"left"},void 0,Et(p(),{},void 0,"left")),Et("br",{}),Et(Nt(),{id:"tooltip-left-end",title:"Add",placement:"left-end"},void 0,Et(p(),{},void 0,"left-end"))),Et(u(),{item:!0,container:!0,xs:6,alignItems:"flex-end",direction:"column",spacing:0},void 0,Et(u(),{item:!0},void 0,Et(Nt(),{id:"tooltip-right-start",title:"Add",placement:"right-start"},void 0,Et(p(),{},void 0,"right-start"))),Et(u(),{item:!0},void 0,Et(Nt(),{id:"tooltip-right",title:"Add",placement:"right"},void 0,Et(p(),{},void 0,"right"))),Et(u(),{item:!0},void 0,Et(Nt(),{id:"tooltip-right-end",title:"Add",placement:"right-end"},void 0,Et(p(),{},void 0,"right-end"))))),Dt=Et(u(),{container:!0,justifyContent:"center"},void 0,Et(u(),{item:!0},void 0,Et(Nt(),{id:"tooltip-bottom-start",title:"Add",placement:"bottom-start"},void 0,Et(p(),{},void 0,"bottom-start")),Et(Nt(),{id:"tooltip-bottom",title:"Add",placement:"bottom"},void 0,Et(p(),{},void 0,"bottom")),Et(Nt(),{id:"tooltip-bottom-end",title:"Add",placement:"bottom-end"},void 0,Et(p(),{},void 0,"bottom-end"))));const _t=function(){const{classes:e}=zt();return Et("div",{className:e.root},void 0,jt,Lt,Dt)};var qt,Rt=i(30149),Ft=i.n(Rt);function Wt(e,o,i,t){qt||(qt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:qt,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Mt=(0,a.n9)()((e=>({typography:{padding:e.spacing(2)}})));function Ht(){const{classes:e}=Mt(),[o,i]=n.useState(null),t=Boolean(o),a=t?"simple-popover":void 0;return Wt("div",{},void 0,Wt(p(),{"aria-describedby":a,variant:"contained",color:"primary",onClick:e=>{i(e.currentTarget)}},void 0,"Open Popover"),Wt(Ft(),{id:a,open:t,anchorEl:o,onClose:()=>{i(null)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"}},void 0,Wt(c(),{className:e.typography},void 0,"The content of the Popover.")))}var Gt,Vt=i(89247),Ut=i.n(Vt),Yt=i(32804),Jt=i.n(Yt),Zt=i(92238),Kt=i(51943),Xt=i.n(Kt),Qt=i(62644),en=i.n(Qt),on=i(12302),tn=i.n(on),nn=i(25503),an=i(60209),rn=i(27447);function ln(e,o,i,t){Gt||(Gt="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Gt,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const sn=(0,a.n9)()(((e,o,i)=>({buttonWrapper:{position:"relative",marginBottom:e.spacing(4)},anchor:{backgroundColor:f.green[500],width:10,height:10,borderRadius:"50%",position:"absolute"},radioAnchor:{color:f.green[600],[`&.${i.checked}`]:{color:f.green[500]}},checked:{},typography:{margin:e.spacing(2)}}))),dn={top:{top:-5},center:{top:"calc(50% - 5px)"},bottom:{bottom:-5}},cn={left:{left:-5},center:{left:"calc(50% - 5px)"},right:{right:-5}};var vn=ln(Jt(),{component:"legend"},void 0,"anchorReference"),un=ln(tt(),{value:"anchorEl",control:ln(Xt(),{}),label:"anchorEl"}),mn=ln(tt(),{value:"anchorPosition",control:ln(Xt(),{}),label:"anchorPosition"}),pn=ln(tn(),{htmlFor:"position-top"},void 0,"anchorPosition.top"),fn=ln(tn(),{htmlFor:"position-left"},void 0,"anchorPosition.left"),gn=ln(Jt(),{component:"legend"},void 0,"anchorOrigin.vertical"),yn=ln(Jt(),{component:"legend"},void 0,"transformOrigin.vertical"),hn=ln(tt(),{value:"top",control:ln(Xt(),{color:"primary"}),label:"Top"}),bn=ln(tt(),{value:"center",control:ln(Xt(),{color:"primary"}),label:"Center"}),Sn=ln(tt(),{value:"bottom",control:ln(Xt(),{color:"primary"}),label:"Bottom"}),wn=ln(Jt(),{component:"legend"},void 0,"anchorOrigin.horizontal"),Nn=ln(Jt(),{component:"legend"},void 0,"transformOrigin.horizontal"),kn=ln(tt(),{value:"left",control:ln(Xt(),{color:"primary"}),label:"Left"}),Cn=ln(tt(),{value:"center",control:ln(Xt(),{color:"primary"}),label:"Center"}),xn=ln(tt(),{value:"right",control:ln(Xt(),{color:"primary"}),label:"Right"});const An=function(){const{classes:e}=sn(),o=(0,n.useRef)();nn.A.registerLanguage("jsx",an.A);const[i,t]=n.useState({open:!1,anchorOriginVertical:"top",anchorOriginHorizontal:"left",transformOriginVertical:"top",transformOriginHorizontal:"left",positionTop:200,positionLeft:400,anch

1orReference:"anchorEl"}),{open:a,anchorOriginVertical:r,anchorOriginHorizontal:l,transformOriginVertical:s,transformOriginHorizontal:d,positionTop:v,positionLeft:m,anchorReference:f}=i,g=e=>{t({...i,[e.target.name]:e.target.value})},y=e=>o=>{t({...i,[e]:parseInt(o.target.value,10)})};let h="";"anchorPosition"===f&&(h=`\n  anchorReference="${f}"\n  anchorPosition={{ top: ${v}, left: ${m} }}`);const b=`\n<Popover ${h}\n  anchorOrigin={{\n    vertical: '${r}',\n    horizontal: '${l}',\n  }}\n  transformOrigin={{\n    vertical: '${s}',\n    horizontal: '${d}',\n  }}\n>\n  The content of the Popover.\n</Popover>\n`,S={root:e.radioAnchor,checked:e.checked};return ln("div",{},void 0,ln(u(),{container:!0,justifyContent:"center"},void 0,ln(u(),{item:!0,className:e.buttonWrapper},void 0,n.createElement(p(),{ref:o,variant:"contained",onClick:()=>{t({...i,open:!0})}},"Open Popover"),"anchorEl"===f&&ln("div",{className:e.anchor,style:{...dn[r],...cn[l]}}))),ln(Ft(),{open:a,anchorEl:o.current,anchorReference:f,anchorPosition:{top:v,left:m},onClose:()=>{t({...i,open:!1})},anchorOrigin:{vertical:r,horizontal:l},transformOrigin:{vertical:s,horizontal:d}},void 0,ln(c(),{className:e.typography},void 0,"The content of the Popover.")),ln(u(),{container:!0,spacing:2},void 0,ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",component:"fieldset"},void 0,vn,ln(Zt.default,{row:!0,"aria-label":"anchor reference",name:"anchorReference",value:f,onChange:g},void 0,un,mn))),ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",className:e.formControl},void 0,pn,ln(en(),{id:"position-top",type:"number",value:v,onChange:y("positionTop")})),"\xa0",ln(Ut(),{variant:"standard",className:e.formControl},void 0,fn,ln(en(),{id:"position-left",type:"number",value:m,onChange:y("positionLeft")}))),ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",component:"fieldset"},void 0,gn,ln(Zt.default,{"aria-label":"anchor origin vertical",name:"anchorOriginVertical",value:r,onChange:g},void 0,ln(tt(),{value:"top",control:ln(Xt(),{classes:S}),label:"Top"}),ln(tt(),{value:"center",control:ln(Xt(),{classes:S}),label:"Center"}),ln(tt(),{value:"bottom",control:ln(Xt(),{classes:S}),label:"Bottom"})))),ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",component:"fieldset"},void 0,yn,ln(Zt.default,{"aria-label":"transform origin vertical",name:"transformOriginVertical",value:s,onChange:g},void 0,hn,bn,Sn))),ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",component:"fieldset"},void 0,wn,ln(Zt.default,{row:!0,"aria-label":"anchor origin horizontal",name:"anchorOriginHorizontal",value:l,onChange:g},void 0,ln(tt(),{value:"left",control:ln(Xt(),{classes:S}),label:"Left"}),ln(tt(),{value:"center",control:ln(Xt(),{classes:S}),label:"Center"}),ln(tt(),{value:"right",control:ln(Xt(),{classes:S}),label:"Right"})))),ln(u(),{item:!0,xs:12,sm:6},void 0,ln(Ut(),{variant:"standard",component:"fieldset"},void 0,Nn,ln(Zt.default,{row:!0,"aria-label":"transform origin horizontal",name:"transformOriginHorizontal",value:d,onChange:g},void 0,kn,Cn,xn)))),ln(nn.A,{language:"jsx",style:rn.A,showLineNumbers:"true"},void 0,b))};var $n;function Pn(e,o,i,t){$n||($n="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:$n,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var In=Pn(Nt(),{title:"Add",enterDelay:500,leaveDelay:200},void 0,Pn(p(),{},void 0,"[500ms, 200ms]"));const Tn=function(){return In};var Bn,On=i(90898),En=i.n(On);function zn(e,o,i,t){Bn||(Bn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Bn,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var jn=zn(u(),{item:!0},void 0,zn(Nt(),{disableFocusListener:!0,title:"Add"},void 0,zn(p(),{},void 0,"Hover or touch"))),Ln=zn(u(),{item:!0},void 0,zn(Nt(),{disableHoverListener:!0,title:"Add"},void 0,zn(p(),{},void 0,"Focus or touch"))),Dn=zn(u(),{item:!0},void 0,zn(Nt(),{disableFocusListener:!0,disableTouchListener:!0,title:"Add"},void 0,zn(p(),{},void 0,"Hover")));function _n(){const[e,o]=n.useState(!1),i=()=>{o(!1)};return zn("div",{},void 0,zn(u(),{container:!0,justifyContent:"center"},void 0,jn,Ln,Dn,zn(u(),{item:!0},void 0,zn(En(),{onClickAway:i},void 0,zn("div",{},void 0,zn(Nt(),{PopperProps:{disablePortal:!0},onClose:i,open:e,disableFocusListener:!0,disableHoverListener:!0,disableTouchListener:!0,title:"Add"},void 0,zn(p(),{onClick:()=>{o(!0)}},void 0,"Click")))))))}var qn,Rn=i(30695),Fn=i.n(Rn),Wn=i(52915);function Mn(e,o,i,t){qn||(qn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:qn,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Hn=(0,a.n9)()((e=>({close:{width:e.spacing(4),height:e.spacing(4)},divider:{margin:`${e.spacing(3)} 0`},button:{margin:e.spacing(1)}})));var Gn=Mn("span",{id:"message-id"},void 0,"Note archived"),Vn=Mn(Wn.default,{}),Un=Mn("span",{id:"message-id"},void 0,"I love snacks");

1const Yn=function(){const[e,o]=(0,n.useState)({open:!1,open2:!1,vertical:"bottom",horizontal:"left"}),i=(i,t)=>{"clickaway"!==t&&o({...e,open:!1})},t=i=>{o({...e,open2:!0,...i})},{classes:a}=Hn(),{vertical:r,horizontal:l,open:s,open2:d}=e;return Mn(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Mn(u(),{item:!0,md:6},void 0,Mn(c(),{variant:"button",className:a.divider},void 0,"Simple Notification"),Mn("div",{},void 0,Mn(p(),{variant:"contained",onClick:()=>{o({...e,open:!0})}},void 0,"Open simple snackbar"),Mn(Fn(),{anchorOrigin:{vertical:"bottom",horizontal:"left"},open:s,autoHideDuration:6e3,onClose:()=>i(),ContentProps:{"aria-describedby":"message-id"},message:Gn,action:[Mn(p(),{color:"secondary",size:"small",onClick:()=>i()},"undo","UNDO"),Mn(A(),{"aria-label":"Close",color:"inherit",className:a.close,onClick:()=>i(),size:"large"},"close",Vn)]}))),Mn(u(),{item:!0,md:6},void 0,Mn(c(),{variant:"button",className:a.divider},void 0,"Positioning"),Mn("div",{},void 0,Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"top",horizontal:"center"})},void 0,"Top-Center"),Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"top",horizontal:"right"})},void 0,"Top-Right"),Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"bottom",horizontal:"right"})},void 0,"Bottom-Right"),Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"bottom",horizontal:"center"})},void 0,"Bottom-Center"),Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"bottom",horizontal:"left"})},void 0,"Bottom-Left"),Mn(p(),{className:a.button,variant:"contained",onClick:()=>t({vertical:"top",horizontal:"left"})},void 0,"Top-Left"),Mn(Fn(),{anchorOrigin:{vertical:r,horizontal:l},open:d,onClose:()=>{o({...e,open2:!1})},ContentProps:{"aria-describedby":"message-id"},message:Un}))))};var Jn,Zn=i(33328),Kn=i(53268),Xn=i.n(Kn),Qn=i(58146),ea=i.n(Qn),oa=i(33751),ia=i.n(oa);function ta(e,o,i,t){Jn||(Jn="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Jn,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function na(){return na=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},na.apply(this,arguments)}const aa=n.forwardRef((function(e,o){return n.createElement(ea(),na({elevation:6,ref:o,variant:"filled"},e))})),ra=(0,a.n9)()((e=>({snackbar:{margin:e.spacing(1)},divider:{margin:`${e.spacing(3)} 0`},margin:{margin:e.spacing(1)}}))),la=ta(p(),{color:"secondary",size:"small"},void 0,"Action");var sa=ta(aa,{severity:"error"},void 0,"This is an error message!"),da=ta(aa,{severity:"warning"},void 0,"This is a warning message!"),ca=ta(aa,{severity:"info"},void 0,"This is an information message!"),va=ta(aa,{severity:"success"},void 0,"This is a success message!");const ua=function(){const[e,o]=(0,n.useState)(!1),i=(e,i)=>{"clickaway"!==i&&o(!1)},{classes:t,cx:a}=ra();return ta(u(),{container:!0,alignItems:"flex-start",justifyContent:"center",direction:"row",spacing:2},void 0,ta(u(),{item:!0,md:6,xs:12},void 0,ta(c(),{variant:"button",className:t.divider},void 0,"Default Styled Notification"),ta(Zn.default,{spacing:2,sx:{width:"100%"}},void 0,ta(p(),{variant:"outlined",onClick:()=>{o(!0)}},void 0,"Open success snackbar"),ta(Fn(),{open:e,autoHideDuration:6e3,onClose:i},void 0,ta(aa,{onClose:i,severity:"success",sx:{width:"100%"}},void 0,"This is a success message!")),sa,da,ca,va)),ta(u(),{item:!0,md:6,xs:12},void 0,ta(c(),{variant:"button",className:t.divider},void 0,"Custom Styled Notification with CSS"),ta("div",{},void 0,ta(Xn(),{className:t.snackbar,message:"Notification default",action:la}),ta(Xn(),{className:a(t.snackbar,ia().bgInfo),message:"Notification Info",action:la}),ta(Xn(),{className:a(t.snackbar,ia().bgSuccess),message:"Success Notification Message"}),ta(Xn(),{className:a(t.snackbar,ia().bgWarning),message:"I love candy. I love cookies. I love cupcakes.",action:la}),ta(Xn(),{className:a(t.snackbar,ia().bgError),message:"I love cheesecake. I love chocolate.",action:la}))))};

1var ma,pa=i(62981),fa=i(97922);function ga(e,o,i,t){ma||(ma="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ma,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function ya(){return ya=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},ya.apply(this,arguments)}const ha=(0,a.n9)()((e=>({row:{display:"flex",justifyContent:"flex-start"},close:{width:e.spacing(4)},divider:{margin:`${e.spacing(3)} 0`},button:{margin:e.spacing(1)}})));function ba(e){return n.createElement(pa.default,ya({},e,{direction:"left"}))}function Sa(e){return n.createElement(pa.default,ya({},e,{direction:"up"}))}function wa(e){return n.createElement(pa.default,ya({},e,{direction:"right"}))}function Na(e){return n.createElement(pa.default,ya({},e,{direction:"down"}))}var ka=ga("span",{},void 0,"I love snacks"),Ca=ga("span",{},void 0,"I love snacks"),xa=ga(Wn.default,{});const Aa=function(){const[e,o]=(0,n.useState)({open:!1,open2:!1,open3:!1,transition:null,messageInfo:{}}),i=[],t=()=>{i.length>0&&o({...e,messageInfo:i.shift(),open3:!0})},a=n=>{const{open3:a}=e;i.push({message:n,key:(new Date).getTime()}),a?o({...e,open3:!1}):t()},r=(i,t)=>{"clickaway"!==t&&o({...e,open3:!1})},l=i=>{o({...e,open:!0,transition:i})},s=()=>{o({...e,open2:!1})},{classes:d}=ha(),{messageInfo:v,open:m,open2:f,open3:g,transition:y}=e,{message:h,key:b}=v;return ga(n.Fragment,{},void 0,ga(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,ga(u(),{item:!0,md:4},void 0,ga(c(),{variant:"button",className:d.divider},void 0,"Transition"),ga("div",{},void 0,ga(p(),{variant:"contained",className:d.button,onClick:()=>l(ba)},void 0,"Right"),ga(p(),{variant:"contained",className:d.button,onClick:()=>l(Sa)},void 0,"Up"),ga(p(),{variant:"contained",className:d.button,onClick:()=>l(wa)},void 0,"Left"),ga(p(),{variant:"contained",className:d.button,onClick:()=>l(Na)},void 0,"Down"),ga(Fn(),{open:m,onClose:()=>{o({...e,open:!1})},TransitionComponent:y,ContentProps:{"aria-describedby":"message-id"},message:ka}))),ga(u(),{item:!0,md:4},void 0,ga(c(),{variant:"button",className:d.divider},void 0,"Change Transition"),ga("div",{},void 0,ga(p(),{variant:"contained",className:d.button,onClick:()=>{o({...e,open2:!0})}},void 0,"Open with Fade Transition"),ga(Fn(),{open:f,onClose:()=>s(),TransitionComponent:fa.default,ContentProps:{"aria-describedby":"message-id"},message:Ca}))),ga(u(),{item:!0,md:4},void 0,ga(c(),{variant:"button",className:d.divider},void 0,"Consecutive Snackbars"),ga("div",{},void 0,ga(p(),{variant:"contained",className:d.button,onClick:()=>a("message a")},void 0,"Show message A"),ga(p(),{variant:"contained",className:d.button,onClick:()=>a("message b")},void 0,"Show message B"),ga(Fn(),{anchorOrigin:{vertical:"bottom",horizontal:"left"},open:g,autoHideDuration:6e3,onClose:()=>r(),TransitionProps:{onExited:()=>{t()}},ContentProps:{"aria-describedby":"message-id"},message:ga("span",{},void 0,h),action:[ga(p(),{color:"secondary",size:"small",onClick:()=>s()},"undo","UNDO"),ga(A(),{"aria-label":"Close",color:"inherit",className:d.close,onClick:()=>r(),size:"large"},"close",xa)]},b)))))};var $a,Pa=i(35615),Ia=i.n(Pa),Ta=i(69756);function Ba(e,o,i,t){$a||($a="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:$a,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Oa=(0,a.n9)()((e=>({root:{position:"relative",overflow:"hidden"},appFrame:{width:"100%",height:360,backgroundColor:e.palette.background.paper},menuButton:{marginLeft:-12,marginRight:20},button:{marginBottom:e.spacing(1)},fab:{position:"absolute",bottom:e.spacing(2),right:e.spacing(2)},fabMoveUp:{transform:"translate3d(0, -46px, 0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.enteringScreen,easing:e.transitions.easing.easeOut})},fabMoveDown:{transform:"translate3d(0, 0, 0)",transition:e.transitions.create("transform",{duration:e.transitions.duration.leavingScreen,easing:e.transitions.easing.sharp})},snackbar:{position:"absolute"},snackbarContent:{width:"100%"}})));var Ea=Ba(Ta.A,{}),za=Ba(c(),{variant:"h6",color:"inherit"},void 0,"Out of my way!"),ja=Ba(ht.A,{}),La=Ba("span",{id:"snackbar-fab-message-id"},void 0,"Archived");

1const Da=function(){const[e,o]=(0,n.useState)(!1),i=()=>{o(!1)},{classes:t,cx:a}=Oa(),r=a(t.fab,e?t.fabMoveUp:t.fabMoveDown);return Ba("div",{className:t.root},void 0,Ba(p(),{className:t.button,variant:"outlined",color:"primary",onClick:()=>{o(!0)}},void 0,"Open snackbar"),Ba("div",{className:t.appFrame},void 0,Ba(T(),{position:"static",color:"primary"},void 0,Ba(Ia(),{},void 0,Ba(A(),{className:t.menuButton,color:"inherit","aria-label":"Menu",size:"large"},void 0,Ea),za)),Ba(St(),{color:"secondary",className:r},void 0,ja),Ba(Fn(),{open:e,autoHideDuration:4e3,onClose:()=>i(),ContentProps:{"aria-describedby":"snackbar-fab-message-id",className:t.snackbarContent},message:La,action:Ba(p(),{color:"inherit",size:"small",onClick:()=>i()},void 0,"Undo"),className:t.snackbar})))};var _a,qa=i(96049),Ra=i.n(qa);function Fa(e,o,i,t){_a||(_a="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:_a,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Wa=(0,a.n9)()((e=>({divider:{display:"block",margin:`${e.spacing(3)} 0`},bg:{padding:e.spacing(2),marginBottom:e.spacing(4),backgroundImage:`linear-gradient(-45deg, ${e.palette.primary.main} 0%, ${e.palette.primary.main} 33%, ${e.palette.secondary.dark} 100%);`,textAlign:"center",borderRadius:e.rounded.small,"& h3":{color:e.palette.common.white}},lineBackground:{width:"100%",maxWidth:500}})));var Ma=Fa(c(),{variant:"h3",component:"h3"},void 0,"Open Sans"),Ha=Fa(c(),{variant:"subtitle1",gutterBottom:!0},void 0,"Duis tristique metus magna, lobortis aliquam risus euismod sit amet."),Ga=Fa("br",{}),Va=Fa(c(),{gutterBottom:!0},void 0,"Duis tristique metus magna, lobortis aliquam risus euismod sit amet. Suspendisse porttitor velit nisl, feugiat tincidunt nisl mattis ut. Nulla lobortis nunc vitae nisi semper semper.",Fa("br",{}),"Nulla eget lobortis lacus. Aliquam venenatis magna et odio lobortis maximus. Nullam in tortor ligula. Proin maximus risus nunc, eu aliquam nibh tempus a. Interdum et malesuada fames ac ante ipsum primis in faucibus."),Ua=Fa("br",{}),Ya=Fa("sup",{},void 0,"$"),Ja=Fa(c(),{variant:"body2",gutterBottom:!0},void 0,"Body 2"),Za=Fa(c(),{variant:"body2",gutterBottom:!0,align:"right"},void 0,"Body 1"),Ka=Fa(c(),{variant:"caption",gutterBottom:!0,align:"center"},void 0,"Caption"),Xa=Fa(c(),{gutterBottom:!0,noWrap:!0},void 0,"\n            Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n            sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n          "),Qa=Fa(c(),{variant:"button",gutterBottom:!0},void 0,"Button");const er=function(){const{classes:e,cx:o}=Wa();return Fa("div",{},void 0,Fa("div",{className:e.bg},void 0,Ma),Fa("div",{className:e.lineBackground},void 0,Fa(c(),{variant:"h4",gutterBottom:!0},void 0,"Lorem ipsum dolor",Fa("span",{className:Ra().bold},void 0,"\xa0sit amet")),Ha,Fa(c(),{variant:"subtitle1",gutterBottom:!0},void 0,"Nullam in",Fa("span",{className:Ra().bold},void 0," tortor "),Fa("span",{className:Ra().italic},void 0," ligula ")),Fa(ze(),{className:e.divider}),Fa(c(),{variant:"h5",gutterBottom:!0},void 0,Fa("span",{className:Ra().bolder},void 0,"Bolder"),"\xa0",Fa("span",{className:Ra().bold},void 0,"Bold"),"\xa0",Fa("span",{className:Ra().medium},void 0,"Semi Bold"),"\xa0",Ga,Fa("span",{className:Ra().regular},void 0,"Regular"),"\xa0",Fa("span",{className:Ra().light},void 0,"Light"),"\xa0"),Va,Fa(ze(),{className:e.divider}),Fa(c(),{variant:"h4",className:o(Ra().light,Ra().uppercase),gutterBottom:!0},void 0,"Vestibulum nec mi",Fa("span",{className:Ra().bolder},void 0,"suscipit")),Fa(c(),{variant:"body2",className:Ra().lowercase,gutterBottom:!0},void 0,Fa("span",{className:Ra().bolder},void 0,"Bolder"),"\xa0",Fa("span",{className:Ra().bold},void 0,"Bold"),"\xa0",Fa("span",{className:Ra().medium},void 0,"Semi Bold"),"\xa0",Fa("span",{className:Ra().regular},void 0,"Regular"),"\xa0",Fa("span",{className:Ra().light},void 0,"Light"),"\xa0"),Fa(c(),{gutterBottom:!0,className:Ra().uppercase},void 0,"Vestibulum faucibus eget erat eget pretium. Donec commodo convallis ligula, eget suscipit orci. Suspendisse potenti.",Ua,"Curabitur egestas consequat lorem, vel fermentum augue porta id. Aliquam lobortis magna neque, gravida consequat velit venenatis at. Duis sed augue leo. Phasellus ante massa, aliquam non ante at, suscipit ornare ipsum. Quisque a consequat ante, at volutpat enim."),Fa(ze(),{className:e.divider}),Fa(c(),{variant:"h6",className:Ra().light,gutterBottom:!0},void 0,Fa("span",{className:Ra().bold},void 0,"Numbers"),"looks great! 1234",Fa("span",{className:o(Ra().bold,Ra().italic,Ra().underline)},void 0,"56"),"7890"),Fa(c(),{variant:"h6",className:Ra().regular,gutterBottom:!0},void 0,"Let your Creativity Flow\xa0",Fa("span",{className:Ra().bold},void 0,"123",Ya)),Fa(c(),{variant:"h6",className:Ra().Bold,gutterBottom:!0},void 0,"Numerics\xa0",Fa("span",{className:Ra().light},void 0,"123",Fa("sup",{className:Ra().italic},void 0,"00"))),Fa(ze(),{className:e.divider}),Ja,Za,Ka,Xa,Qa))};var or;function ir(e,o,i,t){or||(or="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:or,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var tr=ir("div",{},void 0,ir(c(),{variant:"h1",gutterBottom:!0},void 0,"Disp 4"),ir(c(),{variant:"h2",gutterBottom:!0},void 0,"Display 3"),ir(c(),{variant:"h3",gutterBottom:!0},void 0,"Display 2"),ir(c(),{variant:"h4",gutterBottom:!0},void 0,"Display 1"),ir(c(),{variant:"h5",gutterBottom:!0},void 0,"Headline"),ir(c(),{variant:"h6",gutterBottom:!0},void 0,"Title"),ir(c(),{variant:"subtitle1",gutterBottom:!0},void 0,"Subheading"),ir(c(),{gutterBottom:!0,noWrap:!0},void 0,"\n          Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n          sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n        "));const nr=function(){return tr};var ar;function rr(e,o,i,t){ar||(ar="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ar,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const lr=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`}})));var sr=rr("li",{},void 0,"Lorem ipsum dolor sit amet"),dr=rr("li",{},void 0,"Consectetur adipiscing elit"),cr=rr("li",{},void 0,"Integer molestie lorem at massa"),vr=rr("li",{},void 0,"Facilisis in pretium nisl aliquet"),ur=rr("li",{},void 0,"Nulla volutpat aliquam velit",rr("ul",{},void 0,rr("li",{},void 0,"Phasellus iaculis neque"),rr("li",{},void 0,"Purus sodales ultricies"),rr("li",{},void 0,"Vestibulum laoreet porttitor sem"),rr("li",{}

1,void 0,"Ac tristique libero volutpat at"))),mr=rr("li",{},void 0,"Faucibus porta lacus fringilla vel"),pr=rr("li",{},void 0,"Aenean sit amet erat nunc"),fr=rr("li",{},void 0,"Eget porttitor lorem"),gr=rr("li",{},void 0,"Lorem ipsum dolor sit amet"),yr=rr("li",{},void 0,"Consectetur adipiscing elit"),hr=rr("li",{},void 0,"Integer molestie lorem at massa"),br=rr("li",{},void 0,"Facilisis in pretium nisl aliquet"),Sr=rr("li",{},void 0,"Nulla volutpat aliquam velit",rr("ul",{},void 0,rr("li",{},void 0,"Phasellus iaculis neque"),rr("li",{},void 0,"Purus sodales ultricies"),rr("li",{},void 0,"Vestibulum laoreet porttitor sem"),rr("li",{},void 0,"Ac tristique libero volutpat at"))),wr=rr("li",{},void 0,"Faucibus porta lacus fringilla vel"),Nr=rr("li",{},void 0,"Aenean sit amet erat nunc"),kr=rr("li",{},void 0,"Eget porttitor lorem");const Cr=function(){const{classes:e}=lr();return rr("div",{},void 0,rr(c(),{variant:"button",className:e.divider},void 0,"Unordered List"),rr("div",{},void 0,rr("ul",{className:Ra().list},void 0,sr,dr,cr,vr,ur,mr,pr,fr)),rr(ze(),{className:e.divider}),rr(c(),{variant:"button",className:e.divider},void 0,"Ordered List"),rr("div",{},void 0,rr("ul",{className:Ra().orderedlist},void 0,gr,yr,hr,br,Sr,wr,Nr,kr)))};var xr;function Ar(e,o,i,t){xr||(xr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:xr,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const $r=function(){return Ar("div",{},void 0,Ar(c(),{variant:"h5",className:Ra().textInfo,gutterBottom:!0},void 0,"Ut sed eros finibus"),Ar(c(),{variant:"body2",className:Ra().textSuccess,gutterBottom:!0},void 0,"Nulla eget lobortis lacus. Aliquam venenatis magna et odio lobortis maximus."),Ar(c(),{variant:"h5",className:Ra().textWarning,gutterBottom:!0},void 0,"Aliquam nec ex aliquet"),Ar(c(),{variant:"h6",className:Ra().textError,gutterBottom:!0},void 0,"Aenean facilisis vitae purus facilisis semper"),Ar(c(),{className:Ra().textGreyDark,gutterBottom:!0},void 0,"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum."),Ar(c(),{className:Ra().textGrey,gutterBottom:!0},void 0,"Vivamus et luctus mauris. Maecenas nisl libero, tincidunt id odio id, feugiat vulputate quam."),Ar(c(),{className:Ra().textGreyLight,gutterBottom:!0},void 0,"Curabitur egestas consequat lorem, vel fermentum augue porta id."))};var Pr;function Ir(e,o,i,t){Pr||(Pr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Pr,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Tr=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`}})));var Br=Ir(j.Pk,{align:"left",content:"Imagine all the people living life in peace. You may say I'm a dreamer, but I'm not the only one. I hope someday you'll join us, and the world will be as one.",footnote:"John Lennon"}),Or=Ir(j.Pk,{align:"right",content:"A lot of people are afraid to say what they want. That's why they don't get what they want.",footnote:"Madonna"});const Er=function(){const{classes:e}=Tr();return Ir("div",{},void 0,Ir("div",{className:e.divider},void 0,Br),Ir("div",{className:e.divider},void 0,Or))};var zr;function jr(e,o,i,t){zr||(zr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:zr,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Lr=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`}})));const Dr=function(){const{classes:e}=Lr();return jr("div",{},void 0,jr(c(),{variant:"subtitle1",className:Ra().textCenter,gutterBottom:!0},void 0,"Align center: Nullam in",jr("span",{className:Ra().bold},void 0," tortor "),jr("span",{className:Ra().italic},void 0," ligula ")),jr(ze(),{className:e.divider}),jr(c(),{variant:"h5",className:Ra().textLeft,gutterBottom:!0},void 0,"Align Left"),jr(c(),{variant:"h5",className:Ra().textRight,gutterBottom:!0},void 0,"Align Right"),jr(ze(),{className:e.divider}),jr(c(),{variant:"h4",className:Ra().medium,gutterBottom:!0},void 0,"Justify Align"),jr(c(),{gutterBottom:!0,className:Ra().textJustify},void 0,"Vestibulum faucibus eget erat eget pretium. Donec commodo convallis ligula, eget suscipit orci. Suspendisse potenti. Nulla eget lobortis lacus. Aliquam venenatis magna et odio lobortis maximus. Nullam in tortor ligula. Proin maximus risus nunc, eu aliquam nibh tempus a. Interdum et malesuada fames ac ante ipsum primis in faucibus."))};i(75826);

1var _r,qr=i(96641);function Rr(){return Rr=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},Rr.apply(this,arguments)}function Fr(e,o,i,t){_r||(_r="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:_r,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function Wr(e){const{children:o,value:i,index:t,...a}=e;return n.createElement("div",Rr({role:"tabpanel",hidden:i!==t,id:`simple-tabpanel-${t}`,"aria-labelledby":`simple-tab-${t}`},a),i===t&&Fr(qr.default,{p:3},void 0,Fr(c(),{},void 0,o)))}function Mr(e){return{id:`simple-tab-${e}`,"aria-controls":`simple-tabpanel-${e}`}}const Hr=(0,a.n9)()((e=>({root:{flexGrow:1,backgroundColor:e.palette.background.paper}})));function Gr(){const{classes:e}=Hr(),[o,i]=n.useState(0);return Fr("div",{className:e.root},void 0,Fr(T(),{position:"static"},void 0,Fr(O(),{value:o,indicatorColor:"secondary",textColor:"inherit",onChange:(e,o)=>{i(o)},"aria-label":"simple tabs example"},void 0,n.createElement(z(),Rr({label:"Item One"},Mr(0))),n.createElement(z(),Rr({label:"Item Two"},Mr(1))),n.createElement(z(),Rr({label:"Item Three"},Mr(2))))),Fr(Wr,{value:o,index:0},void 0,"Item One"),Fr(Wr,{value:o,index:1},void 0,"Item Two"),Fr(Wr,{value:o,index:2},void 0,"Item Three"))}var Vr,Ur=i(40366),Yr=i.n(Ur),Jr=i(12859),Zr=i(59003);function Kr(e,o,i,t){Vr||(Vr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Vr,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var Xr,Qr=Kr(c(),{variant:"button",gutterBottom:!0},void 0,"Without Text"),el=Kr(z(),{icon:Kr(Jr.A,{})}),ol=Kr(z(),{icon:Kr(xe.A,{})}),il=Kr(z(),{icon:Kr(Zr.A,{})}),tl=Kr(c(),{variant:"button",gutterBottom:!0},void 0,"With Text"),nl=Kr(z(),{icon:Kr(Jr.A,{}),label:"RECENTS"}),al=Kr(z(),{icon:Kr(xe.A,{}),label:"FAVORITES"}),rl=Kr(z(),{icon:Kr(Zr.A,{}),label:"NEARBY"});function ll(){const[e,o]=(0,n.useState)(0),[i,t]=(0,n.useState)(0);return Kr("div",{},void 0,Kr(u(),{container:!0,spacing:3},void 0,Kr(u(),{item:!0,md:6,xs:12},void 0,Qr,Kr(Yr(),{},void 0,Kr(O(),{value:i,onChange:(e,o)=>{t(o)},variant:"fullWidth",indicatorColor:"primary",textColor:"primary"},void 0,el,ol,il))),Kr(u(),{item:!0,md:6,xs:12},void 0,tl,Kr(Yr(),{},void 0,Kr(O(),{value:e,onChange:(e,i)=>{o(i)},variant:"fullWidth",indicatorColor:"secondary",textColor:"secondary"},void 0,nl,al,rl)))))}function sl(){return sl=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},sl.apply(this,arguments)}function dl(e,o,i,t){Xr||(Xr="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Xr,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function cl(e){const{children:o,value:i,index:t,...a}=e;return n.createElement("div",sl({role:"tabpanel",hidden:i!==t,id:`scrollable-auto-tabpanel-${t}`,"aria-labelledby":`scrollable-auto-tab-${t}`},a),i===t&&dl(qr.default,{p:3},void 0,dl(c(),{},void 0,o)))}function vl(e){return{id:`scrollable-auto-tab-${e}`,"aria-controls":`scrollable-auto-tabpanel-${e}`}}const ul=(0,a.n9)()((e=>({root:{flexGrow:1,width:"100%",backgroundColor:e.palette.background.paper}})));function ml(){const{classes:e}=ul(),[o,i]=n.useState(0);return dl("div",{className:e.root},void 0,dl(T(),{position:"static",color:"default"},void 0,dl(O(),{value:o,onChange:(e,o)=>{i(o)},indicatorColor:"primary",textColor:"primary",variant:"scrollable",scrollButtons:"auto","aria-label":"scrollable auto tabs example"},void 0,n.createElement(z(),sl({label:"Item One"},vl(0))),n.createElement(z(),sl({label:"Item Two"},vl(1))),n.createElement(z(),sl({label:"Item Three"},vl(2))),n.createElement(z(),sl({label:"Item Four"},vl(3))),n.createElement(z(),sl({label:"Item Five"},vl(4))),n.createElement(z(),sl({label:"Item Six"},vl(5))),n.createElement(z(),sl({label:"Item Seven"},vl(6))))),dl(cl,{value:o,index:0},void 0,"Item One"),dl(cl,{value:o,index:1},void 0,"Item Two"),dl(cl,{value:o,index:2},void 0,"Item Three"),dl(cl,{value:o,index:3},void 0,"Item Four"),dl(cl,{value:o,index:4},void 0,"Item Five"),dl(cl,{value:o,index:5},void 0,"Item Six"),dl(cl,{value:o,index:6},void 0,"Item Seven"))}var pl,fl=i(91312),gl=i(41350),yl=i(57595),hl=i(62654);function bl(){return bl=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];

1for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},bl.apply(this,arguments)}function Sl(e,o,i,t){pl||(pl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:pl,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function wl(e){const{children:o,value:i,index:t,...a}=e;return n.createElement("div",bl({role:"tabpanel",hidden:i!==t,id:`scrollable-force-tabpanel-${t}`,"aria-labelledby":`scrollable-force-tab-${t}`},a),i===t&&Sl(qr.default,{p:3},void 0,Sl(c(),{},void 0,o)))}function Nl(e){return{id:`scrollable-force-tab-${e}`,"aria-controls":`scrollable-force-tabpanel-${e}`}}const kl=(0,a.n9)()((e=>({root:{flexGrow:1,width:"100%",backgroundColor:e.palette.background.paper}})));var Cl,xl=Sl(Jr.A,{}),Al=Sl(xe.A,{}),$l=Sl(Zr.A,{}),Pl=Sl(fl.default,{}),Il=Sl(gl.A,{}),Tl=Sl(yl.A,{}),Bl=Sl(hl.A,{});function Ol(){const{classes:e}=kl(),[o,i]=n.useState(0);return Sl("div",{className:e.root},void 0,Sl(T(),{position:"static",color:"default"},void 0,Sl(O(),{value:o,onChange:(e,o)=>{i(o)},variant:"scrollable",scrollButtons:!0,indicatorColor:"primary",textColor:"primary","aria-label":"scrollable force tabs example",allowScrollButtonsMobile:!0},void 0,n.createElement(z(),bl({label:"Item One",icon:xl},Nl(0))),n.createElement(z(),bl({label:"Item Two",icon:Al},Nl(1))),n.createElement(z(),bl({label:"Item Three",icon:$l},Nl(2))),n.createElement(z(),bl({label:"Item Four",icon:Pl},Nl(3))),n.createElement(z(),bl({label:"Item Five",icon:Il},Nl(4))),n.createElement(z(),bl({label:"Item Six",icon:Tl},Nl(5))),n.createElement(z(),bl({label:"Item Seven",icon:Bl},Nl(6))))),Sl(wl,{value:o,index:0},void 0,"Item One"),Sl(wl,{value:o,index:1},void 0,"Item Two"),Sl(wl,{value:o,index:2},void 0,"Item Three"),Sl(wl,{value:o,index:3},void 0,"Item Four"),Sl(wl,{value:o,index:4},void 0,"Item Five"),Sl(wl,{value:o,index:5},void 0,"Item Six"),Sl(wl,{value:o,index:6},void 0,"Item Seven"))}function El(e,o,i,t){Cl||(Cl="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Cl,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var zl=El(z(),{label:"Active"}),jl=El(z(),{label:"Disabled",disabled:!0}),Ll=El(z(),{label:"Active"});function Dl(){const[e,o]=n.useState(2);return El(Yr(),{square:!0},void 0,El(O(),{value:e,indicatorColor:"primary",textColor:"primary",onChange:(e,i)=>{o(i)},"aria-label":"disabled tabs example"},void 0,zl,jl,Ll))}var _l,ql=i(52669),Rl=i.n(ql),Fl=i(27427),Wl=i.n(Fl),Ml=i(76025),Hl=i.n(Ml),Gl=i(73541),Vl=i(56261);function Ul(e,o,i,t){_l||(_l="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:_l,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Yl=(0,a.n9)()((e=>({root:{width:"auto"},divider:{margin:`${e.spacing(3)} 0`}})));var Jl=Ul(Wl(),{label:"Recents",icon:Ul(Gl.A,{})}),Zl=Ul(Wl(),{label:"Favorites",icon:Ul(xe.A,{})}),Kl=Ul(Wl(),{label:"Nearby",icon:Ul(Vl.A,{})}),Xl=Ul(Wl(),{label:"Recents",value:"recents",icon:Ul(Gl.A,{})}),Ql=Ul(Wl(),{label:"Favorites",value:"favorites",icon:Ul(xe.A,{})}),es=Ul(Wl(),{label:"Nearby",value:"nearby",icon:Ul(Vl.A,{})}),os=Ul(Wl(),{label:"Folder",value:"folder",icon:Ul(Hl(),{},void 0,"folder")});const is=function(){const[e,o]=(0,n.useState)(0),[i,t]=(0,n.useState)("recents"),{classes:a}=Yl();return Ul(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Ul(u(),{item:!0,md:6,xs:12},void 0,Ul(c(),{variant:"button",className:a.divider},void 0,"With Label"),Ul("div",{}

1,void 0,Ul(Rl(),{value:e,onChange:(e,i)=>{o(i)},showLabels:!0,className:a.root},void 0,Jl,Zl,Kl))),Ul(u(),{item:!0,md:6,xs:12},void 0,Ul(c(),{variant:"button",className:a.divider},void 0,"Without Label"),Ul("div",{},void 0,Ul(Rl(),{value:i,onChange:(e,o)=>{t(o)},className:a.root},void 0,Xl,Ql,es,os))))};var ts,ns=i(83667);function as(e,o,i,t){ts||(ts="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ts,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const rs=(0,a.n9)()((e=>({divider:{display:"block",margin:`${e.spacing(3)} 0`},card:{minWidth:275},bullet:{display:"inline-block",margin:"0 2px",transform:"scale(0.8)"},title:{marginBottom:16,fontSize:14},pos:{marginBottom:12},cardMedia:{maxWidth:345},media:{height:0,paddingTop:"56.25%"}})));var ls=as(c(),{component:"p"},void 0,"well meaning and kindly.",as("br",{}),'"a benevolent smile"'),ss=as(c(),{gutterBottom:!0,variant:"h5",component:"h2"},void 0,"Lorem ipsum"),ds=as(c(),{component:"p"},void 0,"Aliquam venenatis magna et odio lobortis maximus. Nullam in tortor ligula. Proin maximus risus nunc"),cs=as("div",{},void 0,as(j.B6,{liked:1,shared:20,commented:15},void 0,as(j.Pk,{align:"left",content:"Imagine all the people living life in peace. You may say I'm a dreamer, but I'm not the only one. I hope someday you'll join us, and the world will be as one.",footnote:"John Lennon"})));const vs=function(){const{classes:e}=rs(),o=as("span",{className:e.bullet},void 0,"\u2022");return as(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,as(u(),{item:!0,md:6},void 0,as(c(),{variant:"button",className:e.divider},void 0,"Simple Card"),as("div",{},void 0,as(j.B6,{liked:1,shared:20,commented:15},void 0,as(c(),{className:e.title,color:"textSecondary"},void 0,"Word of the Day"),as(c(),{variant:"h5",component:"h2"},void 0,"be",o,"nev",o,"o",o,"lent"),as(c(),{className:e.pos,color:"textSecondary"},void 0,"adjective"),ls)),as(c(),{variant:"button",className:e.divider},void 0,"Media"),as("div",{},void 0,as(j.Ci,{image:je.A[8],title:"Contemplative Reptile"},void 0,ss,ds))),as(u(),{item:!0,md:6},void 0,as(c(),{variant:"button",className:e.divider},void 0,"Quoted Card"),cs,as("div",{},void 0,as(c(),{variant:"button",className:e.divider},void 0,"Identity Card"),as(j.D$,{title:"Contact and Address Card",name:ns.A.user.name,avatar:ns.A.user.avatar,phone:"(+8543201213)",address:"Town Hall Building no.45 Block C - ABC Street"}))))};var us;function ms(e,o,i,t){us||(us="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:us,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const ps=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`,display:"block"},card:{display:"flex",justifyContent:"space-between"},details:{display:"flex",flexDirection:"column"},content:{flex:"1 0 auto"},cover:{width:150,height:150},controls:{display:"flex",alignItems:"center",paddingLeft:e.spacing(1),paddingBottom:e.spacing(1)},playIcon:{height:38,width:38},cardSocmed:{maxWidth:400},media:{height:0,paddingTop:"56.25%"},actions:{display:"flex"},expand:{transform:"rotate(0deg)",transition:e.transitions.create("transform",{duration:e.transitions.duration.shortest}),marginLeft:"auto"},expandOpen:{transform:"rotate(180deg)"}

1,avatar:{backgroundColor:f.red[500],boxShadow:e.shadows[7]}})));var fs=ms(A(),{size:"large"},void 0,ms(Ie.A,{})),gs=ms(me(),{},void 0,ms(c(),{component:"p"},void 0,"This impressive paella is a perfect party dish and a fun meal to cook together with your guests. Add 1 cup of frozen peas along with the mussels, if you like.")),ys=ms(A(),{"aria-label":"Add to favorites",size:"large"},void 0,ms(xe.A,{})),hs=ms(A(),{"aria-label":"Share",size:"large"},void 0,ms(Pe.A,{})),bs=ms(ao.A,{}),Ss=ms(me(),{},void 0,ms(c(),{paragraph:!0,variant:"body2"},void 0,"Method:"),ms(c(),{paragraph:!0},void 0,"Heat 1/2 cup of the broth in a pot until simmering, add saffron and set aside for 10 minutes."),ms(c(),{paragraph:!0},void 0,"Heat oil in a (14- to 16-inch) paella pan or a large, deep skillet over medium-high heat. Add chicken, shrimp and chorizo, and cook, stirring occasionally until lightly browned, 6 to 8 minutes. Transfer shrimp to a large plate and set aside, leaving chicken and chorizo in the pan. Add piment\xf3n, bay leaves, garlic, tomatoes, onion, salt and pepper, and cook, stirring often until thickened and fragrant, about 10 minutes. Add saffron broth and remaining 4 1/2 cups chicken broth; bring to a boil."),ms(c(),{paragraph:!0},void 0,"Add rice and stir very gently to distribute. Top with artichokes and peppers, and cook without stirring, until most of the liquid is absorbed, 15 to 18 minutes. Reduce heat to medium-low, add reserved shrimp and mussels, tucking them down into the rice, and cook again without stirring, until mussels have opened and rice is just tender, 5 to 7 minutes more. (Discard any mussels that don\u2019t open.)"),ms(c(),{},void 0,"Set aside off of the heat to let rest for 10 minutes, and then serve."));const ws=function(){const[e,o]=(0,n.useState)(!1),{classes:i,cx:t}=ps();return ms(u(),{container:!0,spacing:2},void 0,ms(u(),{item:!0,md:6},void 0,ms(c(),{variant:"button",className:i.divider},void 0,"UI Controls"),ms("div",{},void 0,ms(j.Ai,{title:"Live From Space",artist:"Mac Miller",cover:je.A[32]})),ms(c(),{variant:"button",className:i.divider},void 0,"Video Thumb"),ms(j.O1,{title:"Live From Space",cover:je.A[42],date:"September 14, 2016"})),ms(u(),{item:!0,md:6},void 0,ms(c(),{variant:"button",className:i.divider},void 0,"Complex Interaction"),ms("div",{},void 0,ms(le(),{className:i.cardSocmed},void 0,ms(de(),{avatar:ms(Y(),{"aria-label":"Recipe",className:i.avatar},void 0,"R"),action:fs,title:"Shrimp and Chorizo Paella",subheader:"September 14, 2016"}),ms(ve(),{className:i.media,image:je.A[3],title:"Contemplative Reptile"}),gs,ms(fe(),{className:i.actions},void 0,ys,hs,ms(A(),{className:t(i.expand,{[i.expandOpen]:e}),onClick:()=>{o(!e)},"aria-expanded":e,"aria-label":"Show more",size:"large"},void 0,bs)),ms(xi(),{in:e,timeout:"auto",unmountOnExit:!0},void 0,Ss)))))};var Ns;function ks(e,o,i,t){Ns||(Ns="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ns,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Cs=(0,a.n9)()((e=>({root:{marginTop:e.spacing(3),paddingTop:16,paddingBottom:16,paddingLeft:e.spacing(2),paddingRight:e.spacing(2),[e.breakpoints.up("sm")]:{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}}})));var xs=ks(c(),{variant:"h5",component:"h3"},void 0,"This is a sheet of paper."),As=ks(c(),{component:"p"},void 0,"Paper can be used to build surface or other elements for your application.");const $s=function(){const{classes:e}=Cs();return ks("div",{},void 0,ks(Yr(),{className:e.root,elevation:4},void 0,xs,As))};var Ps;function Is(e,o,i,t){Ps||(Ps="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ps,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Ts=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`}})));const Bs=function(){const{classes:e}=Ts();return Is(u(),{container:!0,alignItems:"flex-start",justifyContent:"center",direction:"row",spacing:2},void 0,Is(u(),{item:!0,md:4},void 0,Is(c(),{variant:"button",className:e.divider},void 0,"Profile Card"),Is(j.a2,{cover:je.A[42],avatar:X.A[6],name:"John Doe",title:"UX designer",connection:10,btnText:"Connect",isVerified:!0})),Is(u(),{item:!0,md:4},void 0,Is(c(),{variant:"button",className:e.divider},void 0,"Post Card"),Is(j.RK,{liked:1,shared:20,commented:15,date:"Sept, 25 2018",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum.",image:je.A[11

1],avatar:X.A[10],name:"Jim Doe"})),Is(u(),{item:!0,md:4},void 0,Is(c(),{variant:"button",className:e.divider},void 0,"Post Card (Without Image)"),Is(j.RK,{liked:90,shared:10,commented:22,date:"Sept, 15 2018",content:"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sed urna in justo euismod condimentum.",avatar:X.A[2],name:"Jane Doe"})))};var Os;function Es(e,o,i,t){Os||(Os="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Os,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const zs=(0,a.n9)()((e=>({divider:{margin:`${e.spacing(3)} 0`}})));const js=function(){const{classes:e}=zs();return Es(u(),{container:!0,alignItems:"flex-start",justifyContent:"center",direction:"row",spacing:2},void 0,Es(u(),{item:!0,md:4},void 0,Es(c(),{variant:"button",className:e.divider},void 0,"Product Card"),Es(j.AA,{thumbnail:je.A[21],name:"Lorem ipsum dolor sit amet",desc:"Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante.",rating:5,price:30})),Es(u(),{item:!0,md:4},void 0,Es(c(),{variant:"button",className:e.divider},void 0,"Product with discount"),Es(j.AA,{discount:"10%",thumbnail:je.A[22],name:"Cras convallis lacus orci",desc:"Phasellus ante massa, aliquam non ante at",rating:3,price:18,prevPrice:20})),Es(u(),{item:!0,md:4},void 0,Es(c(),{variant:"button",className:e.divider},void 0,"Sold Out Product"),Es(j.AA,{soldout:!0,thumbnail:je.A[23],name:"Lorem ipsum dolor sit amet",desc:"Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante.",rating:4,price:44})),Es(u(),{item:!0,md:12},void 0,Es(c(),{variant:"button",className:e.divider},void 0,"List Mode"),Es(j.AA,{discount:"10%",thumbnail:je.A[24],name:"Lorem ipsum dolor sit amet",desc:"Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante.",rating:5,price:30,prevPrice:20,list:!0})),Es(u(),{item:!0,md:12},void 0,Es(j.AA,{thumbnail:je.A[25],name:"Lorem ipsum dolor sit amet",desc:"Sed imperdiet enim ligula, vitae viverra justo porta vel. Duis eget felis bibendum, pretium mi sed, placerat ante.",rating:0,price:20,list:!0})))};var Ls,Ds=i(30481),_s=i.n(Ds),qs=i(25862),Rs=i.n(qs),Fs=i(714);function Ws(e,o,i,t){Ls||(Ls="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ls,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Ms=(0,a.n9)()((e=>({root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",overflow:"hidden",backgroundColor:e.palette.background.paper},gridList:{width:500,height:450},subheader:{width:"100%"},img:{maxWidth:"none"}})));const Hs=function(){const{classes:e}=Ms();return Ws("div",{className:e.root},void 0,Ws(_s(),{rowHeight:160,className:e.gridList,cols:3},void 0,Fs.A.map(((o,i)=>Ws(Rs(),{cols:o.cols||1},i.toString(),Ws("img",{src:o.img,className:e.img,alt:o.title}))))))};var Gs,Vs=i(32447),Us=i.n(Vs),Ys=i(88339);function Js(e,o,i,t){Gs||(Gs="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Gs,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Zs=(0,a.n9)()((e=>({root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",overflow:"hidden",backgroundColor:e.palette.background.paper},gridList:{width:500,height:450},icon:{color:"rgba(255, 255, 255, 0.54)"},img:{maxWidth:"none"}})));var Ks=Js(ni(),{component:"div"},void 0,"December"),Xs=Js(Ys.A,{});const Qs=function(){const{classes:e}=Zs();return Js("div",{className:e.root},void 0,Js(_s(),{rowHeight:180,className:e.gridList},void 0,Js(Rs(),{cols:2,style:{height:"auto"}},"Subheader",Ks),Fs.A.map(((o,i)=>Js(Rs(),{},i.toString(),Js("img",{src:o.img,className:e.img,alt:o.title}),Js(Us(),{title:o.title,subtitle:Js("span",{},void 0,"by:\xa0",o.author),actionIcon:Js(A(),{className:e.icon,size:"large"},void 0,Xs)}))))))};var ed;function od(e,o,i,t){ed||(ed="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ed,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const id=(0,a.n9)()((e=>({root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",overflow:"hidden",backgroundColor:e.palette.background.paper},gridList:{width:500,height:450,transform:"translateZ(0)"},titleBar:{background:"linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%)"},icon:{color:"white"},img:{maxWidth:"none"}})));var td=od(Ti.A,{});const nd=function(){const{classes:e}=id();return od("div",{className:e.root},void 0,od(_s(),{rowHeight:200,gap:1,className:e.gridList},void 0,Fs.A.map(((o,i)=>od(Rs(),{cols:o.featured?2:1,rows:o.featured?2:1},i.toString(),od("img",{src:o.img,className:e.img,alt:o.title}),od(Us(),{title:o.title,position:"top",actionIcon:od(A(),{className:e.icon,size:"large"},void 0,td),actionPosition:"left",className:e.titleBar}))))))};var ad;function rd(e,o,i,t){ad||(ad="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ad,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const ld=(0,a.n9)()((e=>({root:{display:"flex",flexWrap:"wrap",justifyContent:"space-around",overflow:"hidden",backgroundColor:e.palette.background.paper},gridList:{flexWrap:"nowrap",transform:"translateZ(0)"},title:{color:e.palette.primary.light},titleBar:{background:"linear-gradient(to top, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.3) 70%, rgba(0,0,0,0) 100%)"},img:{maxWidth:"none"}})));const sd=function(){const{classes:e}=ld();return rd("div",{className:e.root},void 0,rd(_s(),{className:e.gridList,cols:3},void 0,Fs.A.map(((o,i)=>rd(Rs(),{},i.toString(),rd("img",{src:o.img,alt:o.title,className:e.img}),rd(Us(),{title:o.title,classes:{root:e.titleBar,title:e.title},actionIcon:rd(A(),{size:"large"},void 0,rd(Ti.A,{className:e.title}))}))))))};var dd,cd=i(30994),vd=i.n(cd);function ud(e,o,i,t){dd||(dd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:dd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const md=(0,a.n9)()((e=>({progress:{margin:e.spacing(2)}})));const pd=function(){const{classes:e}=md();return ud("div",{},void 0,ud(vd(),{className:e.progress}),ud(vd(),{className:e.progress,size:50}),ud(vd(),{className:e.progress,color:"secondary"}),ud(vd(),{className:e.progress,style:{color:f.purple[500]},thickness:7}

1))};var fd,gd=i(50207),yd=i(37414);function hd(e,o,i,t){fd||(fd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:fd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const bd=(0,a.n9)()((e=>({root:{display:"flex",alignItems:"center"},wrapper:{margin:e.spacing(1),position:"relative"},buttonSuccess:{backgroundColor:f.green[500],"&:hover":{backgroundColor:f.green[700]}},fabProgress:{color:f.green[500],position:"absolute",top:-6,left:-6,zIndex:1},buttonProgress:{color:f.green[500],position:"absolute",top:"50%",left:"50%",marginTop:-12,marginLeft:-12}})));var Sd,wd=hd(gd.A,{}),Nd=hd(yd.A,{});function kd(){const{classes:e,cx:o}=bd(),[i,t]=n.useState(!1),[a,r]=n.useState(!1),l=n.useRef(),s=o({[e.buttonSuccess]:a});n.useEffect((()=>()=>{clearTimeout(l.current)}),[]);const d=()=>{i||(r(!1),t(!0),l.current=window.setTimeout((()=>{r(!0),t(!1)}),2e3))};return hd("div",{className:e.root},void 0,hd("div",{className:e.wrapper},void 0,hd(St(),{"aria-label":"save",color:"primary",className:s,onClick:d},void 0,a?wd:Nd),i&&hd(vd(),{size:68,className:e.fabProgress})),hd("div",{className:e.wrapper},void 0,hd(p(),{variant:"contained",color:"primary",className:s,disabled:i,onClick:d},void 0,"Accept terms"),i&&hd(vd(),{size:24,className:e.buttonProgress})))}function Cd(e,o,i,t){Sd||(Sd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Sd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const xd=(0,a.n9)()((e=>({progress:{margin:e.spacing(2)}})));const Ad=function(){const[e,o]=(0,n.useState)(0);(0,n.useEffect)((()=>{const e=setInterval((()=>{o((e=>e>=100?0:e+1))}),20);return()=>{clearInterval(e)}}),[]);const{classes:i}=xd();return Cd("div",{},void 0,Cd(vd(),{className:i.progress,variant:"determinate",value:e}),Cd(vd(),{className:i.progress,variant:"determinate",size:50,value:e}),Cd(vd(),{className:i.progress,color:"secondary",variant:"determinate",value:e}),Cd(vd(),{className:i.progress,color:"secondary",variant:"determinate",size:50,value:e}))};var $d;function Pd(e,o,i,t){$d||($d="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:$d,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Id=(0,a.n9)()((e=>({progress:{margin:e.spacing(2)}})));const Td=function(){const{classes:e}=Id();return Pd("div",{},void 0,Pd(vd(),{className:e.progress,variant:"determinate",value:5}),Pd(vd(),{className:e.progress,variant:"determinate",value:25}),Pd(vd(),{className:e.progress,variant:"determinate",value:50}),Pd(vd(),{className:e.progress,variant:"determinate",value:75}),Pd(vd(),{className:e.progress,variant:"determinate",value:100}))};var Bd,Od=i(4222),Ed=i.n(Od);function zd(e,o,i,t){Bd||(Bd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Bd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const jd=(0,a.n9)()((()=>({root:{flexGrow:1}}

1)));var Ld=zd(Ed(),{}),Dd=zd("br",{}),_d=zd(Ed(),{color:"secondary"});const qd=function(){const{classes:e}=jd();return zd("div",{className:e.root},void 0,Ld,Dd,_d)};var Rd;function Fd(e,o,i,t){Rd||(Rd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Rd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Wd=(0,a.n9)()((()=>({root:{width:"100%"}})));function Md(){const{classes:e}=Wd(),[o,i]=n.useState(0);return n.useEffect((()=>{const e=setInterval((()=>{i((e=>{if(100===e)return 0;const o=10*Math.random();return Math.min(e+o,100)}))}),500);return()=>{clearInterval(e)}}),[]),Fd("div",{className:e.root},void 0,Fd(Ed(),{variant:"determinate",value:o}))}var Hd;function Gd(e,o,i,t){Hd||(Hd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Hd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Vd=(0,a.n9)()((()=>({root:{width:"100%"}})));function Ud(){const{classes:e}=Vd(),[o,i]=n.useState(0),[t,a]=n.useState(10),r=n.useRef((()=>{}));return n.useEffect((()=>{r.current=()=>{if(o>100)i(0),a(10);else{const e=10*Math.random(),t=10*Math.random();i(o+e),a(o+e+t)}}})),n.useEffect((()=>{const e=setInterval((()=>{r.current()}),500);return()=>{clearInterval(e)}}),[]),Gd("div",{className:e.root},void 0,Gd(Ed(),{variant:"buffer",value:o,valueBuffer:t}))}var Yd;function Jd(e,o,i,t){Yd||(Yd="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Yd,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Zd=(0,a.n9)()((()=>({root:{flexGrow:1}}

1)));var Kd=Jd(Ed(),{variant:"query"}),Xd=Jd("br",{}),Qd=Jd(Ed(),{color:"secondary",variant:"query"});const ec=function(){const{classes:e}=Zd();return Jd("div",{className:e.root},void 0,Kd,Xd,Qd)};var oc;function ic(e,o,i,t){oc||(oc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:oc,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const tc=(0,a.n9)()((()=>({root:{flexGrow:1}})));var nc=ic(Ed(),{variant:"determinate",value:20}),ac=ic("br",{}),rc=ic(Ed(),{variant:"determinate",value:60,color:"secondary"});const lc=function(){const{classes:e}=tc();return ic("div",{className:e.root},void 0,nc,ac,rc)};var sc,dc=i(441),cc=i.n(dc);function vc(e,o,i,t){sc||(sc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:sc,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function uc(){return Math.round(20*Math.random())-10}function mc(){const e=50+uc(),o=50+uc();return{top:`${e}%`,left:`${o}%`,transform:`translate(-${e}%, -${o}%)`}}const pc=(0,a.n9)()((e=>({paper:{position:"absolute",width:400,backgroundColor:e.palette.background.paper,border:"2px solid #000",boxShadow:e.shadows[5],padding:e.spacing(2,4,3)}})));var fc=vc("h2",{id:"simple-modal-title"},void 0,"Text in a modal"),gc=vc("p",{id:"simple-modal-description"},void 0,"Duis mollis, est non commodo luctus, nisi erat porttitor ligula.");function yc(){const{classes:e}=pc(),[o]=n.useState(mc),[i,t]=n.useState(!1),a=vc("div",{style:o,className:e.paper},void 0,fc,gc,bc);return vc("div",{},void 0,vc("button",{type:"button",onClick:()=>{t(!0)}},void 0,"Open Modal"),vc(cc(),{open:i,onClose:()=>{t(!1)},"aria-labelledby":"simple-modal-title","aria-describedby":"simple-modal-description"},void 0,a))}var hc,bc=vc(yc,{}),Sc=i(82664),wc=i.n(Sc),Nc=i(42631),kc=i.n(Nc),Cc=i(21245),xc=i.n(Cc),Ac=i(79282),$c=i.n(Ac),Pc=i(39458),Ic=i.n(Pc);function Tc(e,o,i,t){hc||(hc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:hc,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var Bc=Tc(Ic(),{id:"alert-dialog-title"},void 0,"Use Google's location service?"),Oc=Tc(xc(),{},void 0,Tc($c(),{id:"alert-dialog-description"},void 0,"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."));function Ec(){const[e,o]=n.useState(!1);function i(){o(!1)}return Tc("div",{},void 0,Tc(p(),{variant:"outlined",color:"primary",onClick:function(){o(!0)}},void 0,"Open alert dialog"),Tc(wc(),{open:e,onClose:i,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description"},void 0,Bc,Oc,Tc(kc(),{},void 0,Tc(p(),{onClick:i,color:"primary"},void 0,"Disagree"),Tc(p(),{onClick:i,color:"primary",autoFocus:!0},void 0,"Agree"))))}var zc,jc=i(3382);function Lc(){return Lc=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},Lc.apply(this,arguments)}function Dc(e,o,i,t){zc||(zc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:zc,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const _c=["[email protected]","[email protected]"],qc=(0,a.n9)()((()=>({avatar:{backgroundColor:f.blue[100],color:f.blue[600]}})));var Rc=Dc(Ic(),{id:"simple-dialog-title"},void 0,"Set backup account"),Fc=Dc(jc.A,{}),Wc=Dc(ke(),{},void 0,Dc(Y(),{},void 0,Dc(ht.A,{}))),Mc=Dc(we(),{primary:"add account"});const Hc=e=>{const{classes:o}=qc(),{onClose:i,selectedValue:t,...a}=e;function r(e){i(e)}return n.createElement(wc(),Lc({onClose:()=>{i(t)},"aria-labelledby":"simple-dialog-title"},a),Rc,Dc("div",{},void 0,Dc(ye(),{},void 0,_c.map((e=>Dc(be(),{button:!0,onClick:()=>r(e)},e,Dc(ke(),{}

1,void 0,Dc(Y(),{className:o.avatar},void 0,Fc)),Dc(we(),{primary:e})))),Dc(be(),{button:!0,onClick:()=>r("addAccount")},void 0,Wc,Mc))))};var Gc=Dc("br",{});const Vc=function(){const[e,o]=(0,n.useState)(!1),[i,t]=(0,n.useState)(_c[1]);return Dc("div",{},void 0,Dc(u(),{container:!0,justifyContent:"center",direction:"column"},void 0,Dc(c(),{variant:"subtitle1"},void 0,"Selected:\xa0",Dc("strong",{},void 0,i)),Gc,Dc(p(),{variant:"outlined",color:"primary",onClick:()=>{o(!0)}},void 0,"Open simple dialog"),Dc(Hc,{selectedValue:i,open:e,onClose:e=>{t(e),o(!1)}})))};function Uc(){return Uc=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},Uc.apply(this,arguments)}var Yc;function Jc(e,o,i,t){Yc||(Yc="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Yc,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Zc=["None","Atria","Callisto","Dione","Ganymede","Hangouts Call","Luna","Oberon","Phobos","Pyxis","Sedna","Titania","Triton","Umbriel"];var Kc=Jc(Ic(),{id:"confirmation-dialog-title"},void 0,"Phone Ringtone"),Xc=Jc(Xt(),{});function Qc(e){const{onClose:o,value:i,open:t,...a}=e,[r,l]=n.useState(i),s=n.useRef(null);n.useEffect((()=>{t||l(i)}),[i,t]);return n.createElement(wc(),Uc({disableEscapeKeyDown:!0,maxWidth:"xs",TransitionProps:{onEntering:()=>{null!=s.current&&s.current.focus()}},"aria-labelledby":"confirmation-dialog-title",open:t},a),Kc,Jc(xc(),{dividers:!0},void 0,n.createElement(Zt.default,{ref:s,"aria-label":"ringtone",name:"ringtone",value:r,onChange:e=>{l(e.target.value)}},Zc.map((e=>Jc(tt(),{value:e,control:Xc,label:e},e))))),Jc(kc(),{},void 0,Jc(p(),{autoFocus:!0,onClick:()=>{o()},color:"primary"},void 0,"Cancel"),Jc(p(),{onClick:()=>{o(r)},color:"primary"},void 0,"Ok")))}const ev=(0,a.n9)()((e=>({root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper},paper:{width:"80%",maxHeight:435}})));var ov,iv=Jc(be(),{button:!0,divider:!0,disabled:!0,role:"listitem"},void 0,Jc(we(),{primary:"Interruptions"})),tv=Jc(be(),{button:!0,divider:!0,disabled:!0,role:"listitem"},void 0,Jc(we(),{primary:"Default notification ringtone",secondary:"Tethys"}));function nv(){const{classes:e}=ev(),[o,i]=n.useState(!1),[t,a]=n.useState("Dione");return Jc("div",{className:e.root},void 0,Jc(ye(),{component:"div",role:"list"},void 0,iv,Jc(be(),{button:!0,divider:!0,"aria-haspopup":"true","aria-controls":"ringtone-menu","aria-label":"phone ringtone",onClick:()=>{i(!0)},role:"listitem"},void 0,Jc(we(),{primary:"Phone ringtone",secondary:t})),tv,Jc(Qc,{classes:{paper:e.paper},id:"ringtone-menu",keepMounted:!0,open:o,onClose:e=>{i(!1),e&&a(e)},value:t})))}function av(e,o,i,t){ov||(ov="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:ov,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const rv=(0,a.n9)()((e=>({root:{width:"100%",maxWidth:360,backgroundColor:e.palette.background.paper},dialog:{width:"80%",maxHeight:435}})));const lv=function(){const[e,o]=(0,n.useState)(!1),[i,t]=(0,n.useState)("Dione"),{classes:a}=rv();return av("div",{className:a.root},void 0,av(ye(),{},void 0,av(nv,{classes:{paper:a.dialog},open:e,onClose:e=>{t(e),o(!1)},value:i})))};var sv;function dv(e,o,i,t){sv||(sv="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:sv,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function cv(){return cv=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];

1for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},cv.apply(this,arguments)}const vv=(0,a.n9)()((e=>({appBar:{position:"relative"},title:{marginLeft:e.spacing(2),flex:1}}))),uv=n.forwardRef(((e,o)=>n.createElement(pa.default,cv({direction:"up",ref:o},e))));var mv,pv=dv(Wn.default,{}),fv=dv(ye(),{},void 0,dv(be(),{button:!0},void 0,dv(we(),{primary:"Phone ringtone",secondary:"Titania"})),dv(ze(),{}),dv(be(),{button:!0},void 0,dv(we(),{primary:"Default notification ringtone",secondary:"Tethys"})));function gv(){const{classes:e}=vv(),[o,i]=n.useState(!1),t=()=>{i(!1)};return dv("div",{},void 0,dv(p(),{variant:"outlined",color:"primary",onClick:()=>{i(!0)}},void 0,"Open full-screen dialog"),dv(wc(),{fullScreen:!0,open:o,onClose:t,TransitionComponent:uv},void 0,dv(T(),{className:e.appBar},void 0,dv(Ia(),{},void 0,dv(A(),{edge:"start",color:"inherit",onClick:t,"aria-label":"close",size:"large"},void 0,pv),dv(c(),{variant:"h6",className:e.title},void 0,"Sound"),dv(p(),{autoFocus:!0,color:"inherit",onClick:t},void 0,"save"))),fv))}function yv(e,o,i,t){mv||(mv="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:mv,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var hv=yv(Ic(),{id:"scroll-dialog-title"},void 0,"Subscribe");function bv(){const[e,o]=n.useState(!1),[i,t]=n.useState("paper"),a=e=>()=>{o(!0),t(e)},r=()=>{o(!1)},l=n.useRef(null);return n.useEffect((()=>{if(e){const{current:e}=l;null!==e&&e.focus()}}),[e]),yv("div",{},void 0,yv(p(),{onClick:a("paper")},void 0,"scroll=paper"),yv(p(),{onClick:a("body")},void 0,"scroll=body"),yv(wc(),{open:e,onClose:r,scroll:i,"aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description"},void 0,hv,yv(xc(),{dividers:"paper"===i},void 0,n.createElement($c(),{id:"scroll-dialog-description",ref:l,tabIndex:-1},[...new Array(50)].map((()=>"Cras mattis consectetur purus sit amet fermentum.\nCras justo odio, dapibus ac facilisis in, egestas eget quam.\nMorbi leo risus, porta ac consectetur ac, vestibulum at eros.\nPraesent commodo cursus magna, vel scelerisque nisl consectetur et.")).join("\n"))),yv(kc(),{},void 0,yv(p(),{onClick:r,color:"primary"},void 0,"Cancel"),yv(p(),{onClick:r,color:"primary"},void 0,"Subscribe"))))}var Sv,wv=i(65113),Nv=i.n(wv),kv=i(38574),Cv=i.n(kv),xv=i(36944),Av=i.n(xv);function $v(e,o,i,t){Sv||(Sv="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Sv,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function Pv(){return Pv=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},Pv.apply(this,arguments)}const Iv=(0,a.n9)()((e=>({root:{width:"100%"},button:{marginRight:e.spacing(1)},instructions:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}})));var Tv=$v(c(),{variant:"caption"},void 0,"Optional");function Bv(){const{classes:e}=Iv(),[o,i]=n.useState(0),[t,a]=n.useState(new Set),r=["Select campaign settings","Create an ad group","Create an ad"],l=e=>1===e,s=e=>t.has(e);return $v("div",{className:e.root},void 0,$v(Nv(),{activeStep:o},void 0,r.map(((e,o)=>{const i={},t={};return l(o)&&(t.optional=Tv),s(o)&&(i.completed=!1),n.createElement(Cv(),Pv({key:e},i),n.createElement(Av(),t,e))}))),$v("div",{},void 0,o===r.length?$v("div",{},void 0,$v(c(),{className:e.instructions},void 0,"All steps completed - you're finished"),$v(p(),{onClick:()=>{i(0)},className:e.button},void 0,"Reset")):$v("div",{},void 0,$v(c(),{className:e.instructions},void 0,function(e){switch(e){case 0:return"Select campaign settings...";case 1:return"What is an ad group anyways?";case 2:return"This is the bit I really care about!";default:return"Unknown step"}}(o)),$v("div",{},void 0,$v(p(),{disabled:0===o,onClick:()=>{i((e=>e-1))},className:e.button},void 0,"Back"),l(o)&&$v(p(),{variant:"contained",color:"primary",onClick:()=>

1{if(!l(o))throw new Error("You can't skip a step that isn't optional.");i((e=>e+1)),a((e=>{const i=new Set(e.values());return i.add(o),i}))},className:e.button},void 0,"Skip"),$v(p(),{variant:"contained",color:"primary",onClick:()=>{let e=t;s(o)&&(e=new Set(e.values()),e.delete(o)),i((e=>e+1)),a(e)},className:e.button},void 0,o===r.length-1?"Finish":"Next")))))}var Ov,Ev=i(17934),zv=i.n(Ev);function jv(e,o,i,t){Ov||(Ov="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ov,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Lv=(0,a.n9)()((e=>({root:{width:"100%"},button:{marginRight:e.spacing(1)},completed:{display:"inline-block"},instructions:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}})));function Dv(){const{classes:e}=Lv(),[o,i]=n.useState(0),[t,a]=n.useState({}),r=["Select campaign settings","Create an ad group","Create an ad"],l=()=>r.length,s=()=>Object.keys(t).length,d=()=>s()===l(),v=()=>{const e=o!==l()-1||d()?o+1:r.findIndex(((e,o)=>!(o in t)));i(e)};return jv("div",{className:e.root},void 0,jv(Nv(),{nonLinear:!0,activeStep:o},void 0,r.map(((e,o)=>{return jv(Cv(),{},e,jv(zv(),{onClick:(n=o,()=>{i(n)}),completed:t[o]},void 0,e));var n}))),jv("div",{},void 0,d()?jv("div",{},void 0,jv(c(),{className:e.instructions},void 0,"All steps completed - you're finished"),jv(p(),{onClick:()=>{i(0),a({})}},void 0,"Reset")):jv("div",{},void 0,jv(c(),{className:e.instructions},void 0,function(e){switch(e){case 0:return"Step 1: Select campaign settings...";case 1:return"Step 2: What is an ad group anyways?";case 2:return"Step 3: This is the bit I really care about!";default:return"Unknown step"}}(o)),jv("div",{},void 0,jv(p(),{disabled:0===o,onClick:()=>{i((e=>e-1))},className:e.button},void 0,"Back"),jv(p(),{variant:"contained",color:"primary",onClick:v,className:e.button},void 0,"Next"),o!==r.length&&(t[o]?jv(c(),{variant:"caption",className:e.completed},void 0,"Step"," ",o+1," ","already completed"):jv(p(),{variant:"contained",color:"primary",onClick:()=>{const e=t;e[o]=!0,a(e),v()}},void 0,s()===l()-1?"Finish":"Complete Step"))))))}var _v;function qv(e,o,i,t){_v||(_v="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:_v,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function Rv(){return Rv=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},Rv.apply(this,arguments)}const Fv=(0,a.n9)()((e=>({root:{width:"100%"},button:{marginRight:e.spacing(1)},instructions:{marginTop:e.spacing(1),marginBottom:e.spacing(1)}})));var Wv=qv(c(),{variant:"caption",color:"error"},void 0,"Alert message");function Mv(){const{classes:e}=Fv(),[o,i]=n.useState(0),[t,a]=n.useState(new Set),r=["Select campaign settings","Create an ad group","Create an ad"],l=e=>1===e,s=e=>t.has(e);return qv("div",{className:e.root},void 0,qv(Nv(),{activeStep:o},void 0,r.map(((e,o)=>{const i={},t={};return l(o)&&(t.optional=Wv),1===o&&(t.error=!0),s(o)&&(i.completed=!1),n.createElement(Cv(),Rv({key:e},i),n.createElement(Av(),t,e))}))),qv("div",{},void 0,o===r.length?qv("div",{},void 0,qv(c(),{className:e.instructions},void 0,"All steps completed - you're finished"),qv(p(),{onClick:()=>{i(0)},className:e.button},void 0,"Reset")):qv("div",{},void 0,qv(c(),{className:e.instructions},void 0,function(e){switch(e){case 0:return"Select campaign settings...";case 1:return"What is an ad group anyways?";case 2:return"This is the bit I really care about!";default:return"Unknown step"}}(o)),qv("div",{},void 0,qv(p(),{disabled:0===o,onClick:()=>{i((e=>e-1))},className:e.button},void 0,"Back"),l(o)&&qv(p(),{variant:"contained",color:"primary",onClick:()=>

1{if(!l(o))throw new Error("You can't skip a step that isn't optional.");a((e=>{const i=new Set(e.values());return i.add(o),i})),i((e=>e+1))},className:e.button},void 0,"Skip"),qv(p(),{variant:"contained",color:"primary",onClick:()=>{let e=t;s(o)&&(e=new Set(t.values()),e.delete(o)),i((e=>e+1)),a(e)},className:e.button},void 0,o===r.length-1?"Finish":"Next")))))}var Hv,Gv=i(77871),Vv=i.n(Gv);function Uv(e,o,i,t){Hv||(Hv="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Hv,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Yv=(0,a.n9)()((e=>({root:{width:"100%"},button:{marginTop:e.spacing(1),marginRight:e.spacing(1)},actionsContainer:{marginBottom:e.spacing(2)},resetContainer:{padding:e.spacing(3)}})));var Jv=Uv(c(),{},void 0,"All steps completed - you're finished");function Zv(){const{classes:e}=Yv(),[o,i]=n.useState(0),t=["Select campaign settings","Create an ad group","Create an ad"],a=()=>{i((e=>e+1))},r=()=>{i((e=>e-1))};return Uv("div",{className:e.root},void 0,Uv(Nv(),{activeStep:o,orientation:"vertical"},void 0,t.map(((i,n)=>Uv(Cv(),{},i,Uv(Av(),{},void 0,i),Uv(Vv(),{},void 0,Uv(c(),{},void 0,function(e){switch(e){case 0:return"For each ad campaign that you create, you can control how much\n              you're willing to spend on clicks and conversions, which networks\n              and geographical locations you want your ads to show on, and more.";case 1:return"An ad group contains one or more ads which target a shared set of keywords.";case 2:return"Try out different ad text to see what brings in the most customers,\n              and learn how to enhance your ads using features like ad extensions.\n              If you run into any problems with your ads, find out how to tell if\n              they're running and how to resolve approval issues.";default:return"Unknown step"}}(n)),Uv("div",{className:e.actionsContainer},void 0,Uv("div",{},void 0,Uv(p(),{disabled:0===o,onClick:r,className:e.button},void 0,"Back"),Uv(p(),{variant:"contained",color:"primary",onClick:a,className:e.button},void 0,o===t.length-1?"Finish":"Next")))))))),o===t.length&&Uv(Yr(),{square:!0,elevation:0,className:e.resetContainer},void 0,Jv,Uv(p(),{onClick:()=>{i(0)},className:e.button},void 0,"Reset")))}var Kv,Xv=i(20771),Qv=i.n(Xv),eu=i(73848),ou=i(73723);function iu(e,o,i,t){Kv||(Kv="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Kv,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const tu=(0,a.n9)()((e=>({root:{[e.breakpoints.up("sm")]:{width:400,margin:"0 auto"},flexGrow:1},title:{textAlign:"center",margin:`${e.spacing(4)} 0 ${e.spacing(2)}`}})));var nu=iu(eu.A,{}),au=iu(ou.default,{}),ru=iu(ou.default,{}),lu=iu(eu.A,{}),su=iu(eu.A,{}),du=iu(ou.default,{}),cu=iu(ou.default,{}),vu=iu(eu.A,{});const uu=function(){const[e,o]=(0,n.useState)(0),[i,t]=(0,n.useState)(0),a=(0,r.useTheme)(),{classes:l}=tu();return iu(u(),{container:!0,spacing:2},void 0,iu(u(),{item:!0,container:!0,justifyContent:"center",direction:"column",md:6},void 0,iu(c(),{variant:"button",className:l.title},void 0,"Mobile Stepper - Dots"),iu(Qv(),{variant:"dots",steps:6,position:"static",activeStep:e,className:l.root,nextButton:iu(p(),{size:"small",onClick:()=>{o(e+1)},disabled:5===e},void 0,"Next","rtl"===a.direction?nu:au),backButton:iu(p(),{size:"small",onClick:()=>{o(e-1)},disabled:0===e},void 0,"rtl"===a.direction?ru:lu,"Back")})),iu(u(),{item:!0,container:!0,justifyContent:"center",direction:"column",md:6},void 0,iu(c(),{variant:"button",className:l.title},void 0,"Mobile Stepper - Progress"),iu(Qv(),{variant:"progress",steps:6,position:"static",activeStep:i,className:l.root,nextButton:iu(p(),{size:"small",onClick:()=>{t(i+1)},disabled:5===i},void 0,"Next","rtl"===a.direction?su:du),backButton:iu(p(),{size:"small",onClick:()=>{t(i-1)},disabled:0===i},void 0,"rtl"===a.direction?cu:vu,"Back")})))};var mu,pu=i(95467);function fu(e,o,i,t){mu||(mu="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:mu,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const gu=[{label:"How to be happy :)",imgPath:je.A[45]},{label:"1. Work with something that you like, like\u2026",imgPath:je.A[33]},{label:"2. Keep your friends close to you and hangout with them",imgPath:je.A[14]},{label:"3. Travel everytime that you have a chance",imgPath:je.A[9]},{label:"4. And contribute to Material-UI :D",imgPath:je.A[44]}],yu=(0,a.n9)()((e=>({root:{[e.breakpoints.up("sm")]:{width:400},flexGrow:1},header:{textAlign:"center",height:50,paddingLeft:e.spacing(4),marginBottom:20,backgroundColor:e.palette.background.default}

1,img:{height:255,maxWidth:400,overflow:"hidden",width:"100%",margin:"0 auto"},figure:{maxWidth:400,overflow:"hidden",margin:"0 auto"},mobileStepper:{[e.breakpoints.up("sm")]:{width:400},margin:"0 auto",textAlign:"center"}})));var hu=fu(eu.A,{}),bu=fu(ou.default,{}),Su=fu(ou.default,{}),wu=fu(eu.A,{}),Nu=fu(eu.A,{}),ku=fu(ou.default,{}),Cu=fu(ou.default,{}),xu=fu(eu.A,{});const Au=function(){const[e,o]=(0,n.useState)(0),[i,t]=(0,n.useState)(0),a=(0,r.useTheme)(),{classes:l}=yu(),s=gu.length,d=gu.length;return fu(u(),{container:!0,spacing:2},void 0,fu(u(),{item:!0,container:!0,justifyContent:"center",direction:"column",md:6},void 0,fu(Yr(),{square:!0,elevation:0,className:l.header},void 0,fu(c(),{},void 0,gu[e].label)),fu("img",{className:l.img,src:gu[e].imgPath,alt:gu[e].label}),fu(Qv(),{variant:"text",steps:s,position:"static",activeStep:e,className:l.mobileStepper,nextButton:fu(p(),{size:"small",onClick:()=>{o(e+1)},disabled:e===s-1},void 0,"Next","rtl"===a.direction?hu:bu),backButton:fu(p(),{size:"small",onClick:()=>{o(e-1)},disabled:0===e},void 0,"rtl"===a.direction?Su:wu,"Back")})),fu(u(),{item:!0,container:!0,justifyContent:"center",direction:"column",md:6},void 0,fu(Yr(),{square:!0,elevation:0,className:l.header},void 0,fu(c(),{},void 0,gu[i].label)),fu(pu.Ay,{axis:"rtl"===a.direction?"x-reverse":"x",index:i,onChangeIndex:e=>{t(e)},enableMouseEvents:!0},void 0,gu.map(((e,o)=>fu("div",{className:l.figure},o.toString(),fu("img",{className:l.img,src:e.imgPath,alt:e.label},e.label))))),fu(Qv(),{variant:"text",steps:d,position:"static",activeStep:i,className:l.mobileStepper,nextButton:fu(p(),{size:"small",onClick:()=>{t(i+1)},disabled:i===d-1},void 0,"Next","rtl"===a.direction?Nu:ku),backButton:fu(p(),{size:"small",onClick:()=>{t(i-1)},disabled:0===i},void 0,"rtl"===a.direction?Cu:xu,"Back")})))};var $u,Pu=i(53213),Iu=i.n(Pu),Tu=i(36939);function Bu(e,o,i,t){$u||($u="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:$u,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Ou=(0,a.n9)()((()=>({list:{width:250},fullList:{width:"auto"}})));var Eu=Bu(Tu.A,{}),zu=Bu($.A,{}),ju=Bu(ze(),{}),Lu=Bu(Tu.A,{}),Du=Bu($.A,{});function _u(){const{classes:e,cx:o}=Ou(),[i,t]=n.useState({top:!1,left:!1,bottom:!1,right:!1}),a=(e,o)=>n=>{("keydown"!==n.type||"Tab"!==n.key&&"Shift"!==n.key)&&t({...i,[e]:o})};return Bu("div",{},void 0,["left","right","top","bottom"].map((t=>Bu(n.Fragment,{},t,Bu(p(),{onClick:a(t,!0)},void 0,t),Bu(Iu(),{anchor:t,open:i[t],onClose:a(t,!1)},void 0,(i=>Bu("div",{className:o(e.list,{[e.fullList]:"top"===i||"bottom"===i}),role:"presentation",onClick:a(i,!1),onKeyDown:a(i,!1)},void 0,Bu(ye(),{},void 0,["Inbox","Starred","Send email","Drafts"].map(((e,o)=>Bu(be(),{button:!0},e,Bu(ei(),{},void 0,o%2===0?Eu:zu),Bu(we(),{primary:e}))))),ju,Bu(ye(),{},void 0,["All mail","Trash","Spam"].map(((e,o)=>Bu(be(),{button:!0},e,Bu(ei(),{},void 0,o%2===0?Lu:Du),Bu(we(),{primary:e})))))))(t))))))}var qu,Ru=i(22579);function Fu(e,o,i,t){qu||(qu="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:qu,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Wu=(0,a.n9)()((()=>({list:{width:250},fullList:{width:"auto"}})));var Mu=Fu(Tu.A,{}),Hu=Fu($.A,{}),Gu=Fu(ze(),{}),Vu=Fu(Tu.A,{}),Uu=Fu($.A,{});function Yu(){const{classes:e,cx:o}=Wu(),[i,t]=n.useState({top:!1,left:!1,bottom:!1,right:!1}),a=(e,o)=>n=>{(!n||"keydown"!==n.type||"Tab"!==n.key&&"Shift"!==n.key)&&t({...i,[e]:o})};return Fu("div",{},void 0,["left","right","top","bottom"].map((t=>Fu(n.Fragment,{},t,Fu(p(),{onClick:a(t,!0)},void 0,t),Fu(Ru.default,{anchor:t,open:i[t],onClose:a(t,!1),onOpen:a(t,!0)},void 0,(i=>Fu("div",{className:o(e.list,{[e.fullList]:"top"===i||"bottom"===i}),role:"presentation",onClick:a(i,!1),onKeyDown:a(i,!1)},void 0,Fu(ye(),{},void 0,["Inbox","Starred","Send email","Drafts"].map(((e,o)=>Fu(be(),{button:!0},e,Fu(ei(),{},void 0,o%2===0?Mu:Hu),Fu(we(),{primary:e}))))),Gu,Fu(ye(),{},void 0,["All mail","Trash","Spam"].map(((e,o)=>Fu(be(),{button:!0},e,Fu(ei(),{},void 0,o%2===0?Vu:Uu),Fu(we(),{primary:e})))))))(t))))))}var Ju,Zu=i(2975),Ku=i(19770),Xu=i(11552),Qu=i.n(Xu),em=i(89779);function om(){return om=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];

1for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},om.apply(this,arguments)}function im(e,o,i,t){Ju||(Ju="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Ju,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const tm=(0,a.n9)()((e=>({root:{display:"flex"},paper:{marginRight:e.spacing(2)}})));var nm=im(em.default,{},void 0,im(Qu(),{},void 0,"Profile"),im(Qu(),{},void 0,"My account"),im(Qu(),{},void 0,"Logout"));function am(){const{classes:e}=tm(),[o,i]=n.useState(!1),t=n.useRef(null),a=e=>{t.current&&t.current.contains(e.target)||i(!1)};const r=n.useRef(o);n.useEffect((()=>{!0===r.current&&!1===o&&t.current.focus(),r.current=o}),[o]);var l=im(Yr(),{},void 0,im(En(),{onClickAway:a},void 0,im(em.default,{autoFocusItem:o,id:"menu-list-grow",onKeyDown:function(e){"Tab"===e.key&&(e.preventDefault(),i(!1))}},void 0,im(Qu(),{onClick:a},void 0,"Profile"),im(Qu(),{onClick:a},void 0,"My account"),im(Qu(),{onClick:a},void 0,"Logout"))));return im("div",{className:e.root},void 0,im(Yr(),{className:e.paper},void 0,nm),im("div",{},void 0,n.createElement(p(),{ref:t,"aria-controls":o?"menu-list-grow":void 0,"aria-haspopup":"true",onClick:()=>{i((e=>!e))}},"Toggle Menu Grow"),im(Ku.default,{open:o,anchorEl:t.current,role:void 0,transition:!0,disablePortal:!0},void 0,(e=>{let{TransitionProps:o,placement:i}=e;return n.createElement(Zu.default,om({},o,{style:{transformOrigin:"bottom"===i?"center top":"center bottom"}}),l)}))))}var rm,lm=i(7723),sm=i.n(lm);function dm(e,o,i,t){rm||(rm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:rm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const cm=(0,a.n9)()((e=>({root:{backgroundColor:e.palette.background.paper}}))),vm=["Show some love to Material-UI","Show all notification content","Hide sensitive notification content","Hide all notification content"],um=["None","Atria","Callisto","Dione","Ganymede","Hangouts Call","Luna","Oberon","Phobos","Pyxis","Sedna","Titania","Triton","Umbriel"],mm=48;var pm=dm(Ie.A,{});function fm(){const{classes:e}=cm(),[o,i]=n.useState(null),[t,a]=n.useState(1),[r,l]=n.useState(null),s=Boolean(r),d=()=>{l(null)};return dm("div",{className:e.root},void 0,dm(u(),{container:!0,spacing:2},void 0,dm(u(),{item:!0,md:8},void 0,dm(ye(),{component:"nav","aria-label":"Device settings"},void 0,dm(be(),{button:!0,"aria-haspopup":"true","aria-controls":"lock-menu","aria-label":"when device is locked",onClick:e=>{i(e.currentTarget)}},void 0,dm(we(),{primary:"When device is locked",secondary:vm[t]}))),dm(sm(),{id:"lock-menu",anchorEl:o,keepMounted:!0,open:Boolean(o),onClose:()=>{i(null)}},void 0,vm.map(((e,o)=>dm(Qu(),{disabled:0===o,selected:o===t,onClick:e=>((e,o)=>{a(o),i(null)})(0,o)},e,e))))),dm(u(),{item:!0,md:4},void 0,dm(A(),{"aria-label":"more","aria-controls":"long-menu","aria-haspopup":"true",onClick:e=>{l(e.currentTarget)},size:"large"},void 0,pm),dm(sm(),{id:"long-menu",anchorEl:r,keepMounted:!0,open:s,onClose:d,PaperProps:{style:{maxHeight:4.5*mm,width:"20ch"}}},void 0,um.map((e=>dm(Qu(),{selected:"Pyxis"===e,onClick:d},e,e)))))))}var gm,ym=i(18703);function hm(e,o,i,t){gm||(gm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:gm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}

1const bm=function(){const[e,o]=(0,n.useState)({anchorFade:null,anchorGrow:null,anchorZoom:null}),i=(i,t)=>{o({...e,[t]:i.currentTarget})},t=i=>{o({...e,[i]:null})},{anchorFade:a,anchorGrow:r,anchorZoom:l}=e;return hm(u(),{container:!0,spacing:2},void 0,hm(u(),{item:!0,md:4},void 0,hm(p(),{"aria-owns":a?"fade-menu":null,"aria-haspopup":"true",onClick:e=>i(e,"anchorFade")},void 0,"Open with fade transition"),hm(sm(),{id:"fade-menu",anchorEl:a,open:Boolean(a),onClose:()=>t("anchorFade"),TransitionComponent:fa.default},void 0,hm(Qu(),{onClick:()=>t("anchorFade")},void 0,"Profile"),hm(Qu(),{onClick:()=>t("anchorFade")},void 0,"My account"),hm(Qu(),{onClick:()=>t("anchorFade")},void 0,"Logout"))),hm(u(),{item:!0,md:4},void 0,hm(p(),{"aria-owns":r?"grow-menu":null,"aria-haspopup":"true",onClick:e=>i(e,"anchorGrow")},void 0,"Open with grow transition"),hm(sm(),{id:"grow-menu",anchorEl:r,open:Boolean(r),onClose:()=>t("anchorGrow"),TransitionComponent:Zu.default},void 0,hm(Qu(),{onClick:()=>t("anchorGrow")},void 0,"Profile"),hm(Qu(),{onClick:()=>t("anchorGrow")},void 0,"My account"),hm(Qu(),{onClick:()=>t("anchorGrow")},void 0,"Logout"))),hm(u(),{item:!0,md:4},void 0,hm("div",{style:{position:"relative"}},void 0,hm(p(),{"aria-owns":l?"zoom-menu":null,"aria-haspopup":"true",onClick:e=>i(e,"anchorZoom")},void 0,"Open with zoom transition"),hm(sm(),{id:"zoom-menu",anchorEl:l,open:Boolean(l),onClose:()=>t("anchorZoom"),TransitionComponent:ym.default},void 0,hm(Qu(),{onClick:()=>t("anchorZoom")},void 0,"Profile"),hm(Qu(),{onClick:()=>t("anchorZoom")},void 0,"My account"),hm(Qu(),{onClick:()=>t("anchorZoom")},void 0,"Logout")))))};var Sm;function wm(e,o,i,t){Sm||(Sm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Sm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Nm=(0,a.n9)()(((e,o,i)=>({menu:{maxWidth:400,margin:"20 auto"},menuItem:{"&:focus":{backgroundColor:e.palette.primary.main,[`& .${i.primary}, & .${i.icon}`]:{color:e.palette.common.white}}},primary:{},icon:{}})));var km=wm(Pi.A,{}),Cm=wm($i.A,{}),xm=wm(Tu.A,{});const Am=function(){const{classes:e}=Nm();return wm(Yr(),{className:e.menu},void 0,wm(em.default,{},void 0,wm(Qu(),{className:e.menuItem},void 0,wm(ei(),{className:e.icon},void 0,km),wm(we(),{classes:{primary:e.primary},variant:"inset",primary:"Sent mail"})),wm(Qu(),{className:e.menuItem},void 0,wm(ei(),{className:e.icon},void 0,Cm),wm(we(),{classes:{primary:e.primary},variant:"inset",primary:"Drafts"})),wm(Qu(),{className:e.menuItem},void 0,wm(ei(),{className:e.icon},void 0,xm),wm(we(),{classes:{primary:e.primary},variant:"inset",primary:"Inbox"}))))};var $m;function Pm(e,o,i,t){$m||($m="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:$m,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Im=(0,a.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},field:{margin:"10px",position:"relative"}})));const Tm=function(){const{classes:e}=Im(),o={pathname:"/grand-parent/parent/children"};return Pm(n.Fragment,{},void 0,Pm(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:2},void 0,Pm(u(),{item:!0,md:4,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Pm(c(),{variant:"button",className:e.divider},void 0,"Arrow Separator"),Pm("div",{className:e.field},void 0,Pm(j.YZ,{theme:"dark",separator:" \u203a ",location:o}))),Pm(u(),{item:!0,md:4,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Pm(c(),{variant:"button",className:e.divider},void 0,"Slash Separator"),Pm("div",{className:e.field},void 0,Pm(j.YZ,{theme:"dark",separator:" / ",location:o}))),Pm(u(),{item:!0,md:4,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Pm(c(),{variant:"button",className:e.divider},void 0,"Greater Than Separator"),Pm("div",{className:e.field},void 0,Pm(j.YZ,{theme:"dark",separator:" > ",location:o})))))};var Bm;

1function Om(e,o,i,t){Bm||(Bm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Bm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Em=(0,a.n9)()((e=>({demo:{height:"auto"},divider:{margin:`${e.spacing(3)} 0`},alone:{position:"relative",margin:20},field:{margin:"10px",position:"relative"},paper:{padding:"5px 10px 1px",borderRadius:5}})));const zm=function(){const{classes:e}=Em(),o={pathname:"/grand-parent/parent/children"};return Om(n.Fragment,{},void 0,Om(u(),{container:!0,alignItems:"flex-start",justifyContent:"flex-start",direction:"row",spacing:1},void 0,Om(u(),{item:!0,md:6,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Om(c(),{variant:"button",className:e.divider},void 0,"Arrow Separator"),Om("div",{className:e.field},void 0,Om(Yr(),{className:e.paper},void 0,Om(j.YZ,{theme:"dark",separator:" \u203a ",location:o})))),Om(u(),{item:!0,md:6,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Om(c(),{variant:"button",className:e.divider},void 0,"Slash Separator"),Om("div",{className:e.field},void 0,Om(Yr(),{className:e.paper},void 0,Om(j.YZ,{theme:"dark",separator:" / ",location:o})))),Om(u(),{item:!0,md:12,container:!0,alignItems:"center",justifyContent:"center",direction:"column"},void 0,Om(c(),{variant:"button",className:e.divider},void 0,"Greater Than Separator"),Om("div",{className:e.field},void 0,Om(Yr(),{className:e.paper},void 0,Om(j.YZ,{theme:"dark",separator:" > ",location:o}))))))};var jm,Lm=i(87071),Dm=i(4368),_m=i.n(Dm);i(46671),i(91246),i(63478);function qm(e,o,i,t){jm||(jm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:jm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Rm=(0,a.n9)()((()=>({root:{display:"flex",flexDirection:"column",justifyContent:"center"},formControl:{width:"50%",margin:"0 auto"},item:{textAlign:"center","& img":{margin:"10px auto"}}})));var Fm=qm(tn(),{htmlFor:"age-simple"},void 0,"Carousel Transition"),Wm=qm(Qu(),{value:"slide"},void 0,"Slide"),Mm=qm(Qu(),{value:"fade"},void 0,"Fade");const Hm=function(){const[e,o]=(0,n.useState)("slide"),{classes:i}=Rm(),t={dots:!0,fade:"fade"===e};return qm("div",{className:i.root},void 0,qm(Ut(),{variant:"standard",className:i.formControl},void 0,Fm,qm(_m(),{variant:"standard",value:e,onChange:e=>{o(e.target.value)},inputProps:{name:"transition",id:"transition-single-carousel"}},void 0,Wm,Mm)),qm("div",{className:"container"},void 0,n.createElement(Lm.A,t,Fs.A.map(((e,o)=>qm("div",{className:i.item},o.toString(),qm("img",{src:e.img,alt:e.title})))))))};var Gm;function Vm(e,o,i,t){Gm||(Gm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Gm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Um=(0,a.n9)()((()=>({item:{textAlign:"center","& img":{margin:"10px auto"}}})));const Ym=function(){const{classes:e}=Um();return Vm("div",{className:"container"},void 0,n.createElement(Lm.A,{dots:!0,infinite:!0,centerMode:!0,speed:500,slidesToShow:3,slidesToScroll:1},Fs.A.map(((o,i)=>Vm("div",{className:e.item},i.toString(),Vm("img",{src:o.img,alt:o.title}))))))};var Jm;function Zm(e,o,i,t){Jm||(Jm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Jm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Km=(0,a.n9)()((()=>({item:{textAlign:"center","& img":{margin:"10px auto"}}})));const Xm=function(){const{classes:e}=Km();return Zm("div",{className:"container"},void 0,n.createElement(Lm.A,{dots:!0,infinite:!0,centerMode:!1,speed:500,autoplaySpeed:2e3,pauseOnHover:!0,autoplay:!0,slidesToShow:3,slidesToScroll:1,cssEase:"ease-out"},Fs.A.map(((o,i)=>Zm("div",{className:e.item},i.toString(),Zm("img",{src:o.img,alt:o.title}))))))};var Qm;function ep(e,o,i,t){Qm||(Qm="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Qm,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const op=(0,a.n9)()((()=>({root:{display:"flex",flexDirection:"column",justifyContent:"center"},formControl:{width:"50%",margin:"0 auto"},item:{textAlign:"center","& img":{margin:"10px auto"}}}))),ip=Fs.A.map((e=>e.thumb));var tp=ep(tn(),{htmlFor:"age-simple"},void 0,"Carousel Transition"),np=ep(Qu(),{value:"slide"},void 0,"Slide"),ap=ep(Qu(),{value:"fade"},void 0,"Fade");

1const rp=function(){const[e,o]=(0,n.useState)("slide"),{classes:i}=op(),t={customPaging:e=>ep("a",{},void 0,ep("img",{src:ip[e],alt:"thumb"})),infinite:!0,dots:!0,slidesToShow:1,slidesToScroll:1,fade:"fade"===e};return ep("div",{className:i.root},void 0,ep(Ut(),{variant:"standard",className:i.formControl},void 0,tp,ep(_m(),{variant:"standard",value:e,onChange:e=>{o(e.target.value)},inputProps:{name:"transition",id:"transition-thumbnail-carousel"}},void 0,np,ap)),ep("div",{className:"container thumb-nav custom-nav"},void 0,n.createElement(Lm.A,t,Fs.A.map(((e,o)=>ep("div",{className:i.item},o.toString(),ep("img",{src:e.img,alt:e.title})))))))};var lp;function sp(e,o,i,t){lp||(lp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:lp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const dp=(0,a.n9)()((()=>({item:{textAlign:"center","& img":{margin:"10px auto"}}})));const cp=function(){const{classes:e}=dp();return sp("div",{className:"container"},void 0,n.createElement(Lm.A,{infinite:!0,slidesToShow:2,slidesToScroll:1,vertical:!0,verticalSwiping:!0,swipeToSlide:!0},Fs.A.map(((o,i)=>sp("div",{className:e.item},i.toString(),sp("img",{src:o.img,alt:o.title}))))))};var vp,up=i(38025),mp=i(10289);function pp(e,o,i,t){vp||(vp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:vp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}var fp=pp(up.A,{});function gp(e){const{onClick:o}=e;return pp(A(),{className:"nav-next",onClick:o,size:"large"},void 0,fp)}gp.defaultProps={onClick:void 0};var yp=pp(mp.A,{});function hp(e){const{onClick:o}=e;return pp(A(),{className:"nav-prev",onClick:o,size:"large"},void 0,yp)}hp.defaultProps={onClick:void 0};const bp=(0,a.n9)()((()=>({item:{textAlign:"center","& img":{margin:"10px auto"}}})));var Sp=pp(gp,{}),wp=pp(hp,{});const Np=function(){const{classes:e}=bp(),o={dots:!0,infinite:!0,centerMode:!0,speed:500,slidesToShow:3,slidesToScroll:1,nextArrow:Sp,prevArrow:wp};return pp("div",{className:"container custom-arrow"},void 0,n.createElement(Lm.A,o,Fs.A.map(((o,i)=>pp("div",{className:e.item},i.toString(),pp("img",{src:o.img,alt:o.title}))))))};var kp,Cp=i(3991);function xp(e,o,i,t){kp||(kp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:kp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Ap=(0,a.n9)()((e=>({root:{display:"flex",justifyContent:"center",flexWrap:"wrap"},chip:{margin:e.spacing(1)}})));function $p(){alert("You clicked the delete icon.")}function Pp(){alert("You clicked the Chip.")}var Ip=xp(Y(),{},void 0,"MB"),Tp=xp(Y(),{src:"/images/pp_girl.svg"}),Bp=xp(Y(),{},void 0,xp(Oe.A,{})),Op=xp(Cp.A,{});const Ep=function(){const{classes:e}=Ap();return xp("div",{className:e.root},void 0,xp(Be(),{label:"Basic Tag",className:e.chip,color:"primary"}),xp(Be(),{avatar:Ip,label:"Clickable Tag",onClick:Pp,className:e.chip,color:"primary"}),xp(Be(),{avatar:Tp,label:"Deletable Tag",onDelete:$p,className:e.chip}),xp(Be(),{avatar:Bp,label:"Clickable Deletable Tag",onClick:Pp,onDelete:$p,className:e.chip}),xp(Be(),{label:"Custom delete icon Tag",onClick:Pp,onDelete:$p,className:e.chip,deleteIcon:Op}))};var zp,jp=i(72057);function Lp(e,o,i,t){zp||(zp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:zp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Dp=(0,a.n9)()((e=>({root:{display:"flex",justifyContent:"center",flexWrap:"wrap",listStyle:"none",padding:e.spacing(.5),margin:0},chip:{margin:e.spacing(.5)}})));var _p=Lp(jp.A,{});function qp(){const{classes:e}=Dp(),[o,i]=n.useState([{key:0,label:"Angular"},{key:1,label:"jQuery"},{key:2,label:"Polymer"},{key:3,label:"React"},{key:4,label:"Vue.js"}]);

1return Lp(Yr(),{component:"ul",className:e.root},void 0,o.map((o=>{let t;return"React"===o.label&&(t=_p),Lp("li",{},o.key,Lp(Be(),{icon:t,label:o.label,onDelete:"React"===o.label?void 0:(n=o,()=>{i((e=>e.filter((e=>e.key!==n.key))))}),className:e.chip}));var n})))}var Rp,Fp=i(92697),Wp=i.n(Fp),Mp=i(86140),Hp=i(59619),Gp=i.n(Hp);function Vp(e,o,i,t){Rp||(Rp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Rp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}const Up=(0,a.n9)()((()=>({root:{height:216,flexGrow:1,maxWidth:400}})));var Yp=Vp(ao.A,{}),Jp=Vp(Mp.A,{}),Zp=Vp(Gp(),{nodeId:"1",label:"Applications"},void 0,Vp(Gp(),{nodeId:"2",label:"Calendar"}),Vp(Gp(),{nodeId:"3",label:"Chrome"}),Vp(Gp(),{nodeId:"4",label:"Webstorm"})),Kp=Vp(Gp(),{nodeId:"5",label:"Documents"},void 0,Vp(Gp(),{nodeId:"6",label:"Material-UI"},void 0,Vp(Gp(),{nodeId:"7",label:"src"},void 0,Vp(Gp(),{nodeId:"8",label:"index.js"}),Vp(Gp(),{nodeId:"9",label:"tree-view.js"}))));function Xp(){const{classes:e}=Up();return Vp(Wp(),{className:e.root,defaultCollapseIcon:Yp,defaultExpandIcon:Jp},void 0,Zp,Kp)}var Qp,ef=i(5999),of=i.n(ef),tf=i(69690);function nf(e,o,i,t){Qp||(Qp="function"==typeof Symbol&&Symbol.for&&Symbol.for("react.element")||60103);var n=e&&e.defaultProps,a=arguments.length-3;if(o||0===a||(o={children:void 0}),1===a)o.children=t;else if(a>1){for(var r=new Array(a),l=0;l<a;l++)r[l]=arguments[l+3];o.children=r}if(o&&n)for(var s in n)void 0===o[s]&&(o[s]=n[s]);else o||(o=n||{});return{$$typeof:Qp,type:e,key:void 0===i?null:""+i,ref:null,props:o,_owner:null}}function af(){return af=Object.assign||function(e){for(var o=1;o<arguments.length;o++){var i=arguments[o];for(var t in i)Object.prototype.hasOwnProperty.call(i,t)&&(e[t]=i[t])}return e},af.apply(this,arguments)}var rf=nf("path",{d:"M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 11.023h-11.826q-.375 0-.669.281t-.294.682v0q0 .401.294 .682t.669.281h11.826q.375 0 .669-.281t.294-.682v0q0-.401-.294-.682t-.669-.281z"});function lf(e){return n.createElement(of(),af({fontSize:"inherit"},e),rf)}var sf=nf("path",{d:"M22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0zM17.873 12.977h-4.923v4.896q0 .401-.281.682t-.682.281v0q-.375 0-.669-.281t-.294-.682v-4.896h-4.923q-.401 0-.682-.294t-.281-.669v0q0-.401.281-.682t.682-.281h4.923v-4.896q0-.401.294-.682t.669-.281v0q.401 0 .682.281t.281.682v4.896h4.923q.401 0 .682.281t.281.682v0q0 .375-.281.669t-.682.294z"});function df(e){return n.createElement(of(),af({fontSize:"inherit"},e),sf)}var cf=nf("path",{d:"M17.485 17.512q-.281.281-.682.281t-.696-.268l-4.12-4.147-4.12 4.147q-.294.268-.696.268t-.682-.281-.281-.682.294-.669l4.12-4.147-4.12-4.147q-.294-.268-.294-.669t.281-.

1682.682-.281.696 .268l4.12 4.147 4.12-4.147q.294-.268.696-.268t.682.281 .281.669-.294.682l-4.12 4.147 4.12 4.147q.294.268 .294.669t-.281.682zM22.047 22.074v0 0-20.147 0h-20.12v0 20.147 0h20.12zM22.047 24h-20.12q-.803 0-1.365-.562t-.562-1.365v-20.147q0-.776.562-1.351t1.365-.575h20.147q.776 0 1.351.575t.575 1.351v20.147q0 .803-.575 1.365t-1.378.562v0z"});function vf(e){return n.createElement(of(),af({className:"close",fontSize:"inherit"},e),cf)}function uf(e){const o=(0,tf.zh)({from:{opacity:0,transform:"translate3d(20px,0,0)"},to:{opacity:e.in?1:0,transform:`translate3d(${e.in?0:20}px,0,0)`}});return nf(tf.CS.div,{style:o},void 0,n.createElement(xi(),e))}const mf=(0,a.Xy)((e=>n.createElement(Gp(),af({},e,{TransitionComponent:uf}))),(e=>({iconContainer:{"& .close":{opacity:.3}},group:{marginLeft:12,paddingLeft:12,borderLeft:`1px dashed ${(0,r.alpha)(e.palette.text.primary,.4)}`}}))),pf=(0,a.n9)()((()=>({root:{height:264,flexGrow:1,maxWidth:400}})));var ff=nf(lf,{}),gf=nf(df,{}),yf=nf(vf,{}),hf=nf(mf,{nodeId:"1",label:"Main"},void 0,nf(mf,{nodeId:"2",label:"Hello"}),nf(mf,{nodeId:"3",label:"Subtree with children"},void 0,nf(mf,{nodeId:"6",label:"Hello"}),nf(mf,{nodeId:"7",label:"Sub-subtree with children"},void 0,nf(mf,{nodeId:"9",label:"Child 1"}),nf(mf,{nodeId:"10",label:"Child 2"}),nf(mf,{nodeId:"11",label:"Child 3"})),nf(mf,{nodeId:"8",label:"Hello"})),nf(mf,{nodeId:"4",label:"World"}),nf(mf,{nodeId:"5",label:"Something something"}));function bf(){const{classes:e}=pf();return nf(Wp(),{className:e.root,defaultExpanded:["1"],defaultCollapseIcon:ff,defaultExpandIcon:gf,defaultEndIcon:yf},void 0,hf)}}}]);