https://simulahealth-2a3be.web.app/_next/static/chunks/pages/ui-element/advance/dialog-2ec3da6a43e846d8.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3309],{98437:function(e,s,i){(window.__NEXT_P=window.__NEXT_P||[]).push(["/ui-element/advance/dialog",function(){return i(39651)}])},28834:function(e,s,i){"use strict";var t=i(85893),r=i(2734),n=i(21023),a=i(49990),l=i(23795),o=i(2789);let c=e=>{let{title:s,link:i,icon:c}=e,d=(0,r.Z)();return(0,t.jsx)(n.Z,{title:s||"Reference",placement:"left",children:(0,t.jsxs)(a.Z,{disableRipple:!0,children:[!c&&(0,t.jsx)(o.Z,{component:l.Z,href:i,target:"_blank",alt:"MUI Logo",size:"badge",color:"primary","aria-label":"ui material icon",outline:!0,children:(0,t.jsxs)("svg",{width:"500",height:"500",viewBox:"0 0 500 500",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[(0,t.jsxs)("g",{clipPath:"url(#clip0)",children:[(0,t.jsx)("path",{d:"M100 260.9V131L212.5 195.95V239.25L137.5 195.95V282.55L100 260.9Z",fill:d.palette.primary[800]}),(0,t.jsx)("path",{d:"M212.5 195.95L325 131V260.9L250 304.2L212.5 282.55L287.5 239.25V195.95L212.5 239.25V195.95Z",fill:d.palette.primary.main}),(0,t.jsx)("path",{d:"M212.5 282.55V325.85L287.5 369.15V325.85L212.5 282.55Z",fill:d.palette.primary[800]}),(0,t.jsx)("path",{d:"M287.5 369.15L400 304.2V217.6L362.5 239.25V282.55L287.5 325.85V369.15ZM362.5 195.95V152.65L400 131V174.3L362.5 195.95Z",fill:d.palette.primary.main})]}),(0,t.jsx)("defs",{children:(0,t.jsx)("clipPath",{id:"clip0",children:(0,t.jsx)("rect",{width:"300",height:"238.3",fill:"white",transform:"translate(100 131)"})})})]})}),c&&(0,t.jsx)(o.Z,{component:l.Z,href:i,target:"_blank",size:"badge",color:"primary",outline:!0,children:c})]})})};s.Z=c},91262:function(e,s,i){"use strict";var t=i(85893),r=i(67294),n=i(2734),a=i(66242),l=i(78445),o=i(15861),c=i(67720),d=i(44267);let u=r.forwardRef((e,s)=>{let{children:i,className:r,content:u,contentClass:m,darkTitle:x,secondary:h,sx:j={},contentSX:p={},title:Z,...g}=e,b=(0,n.Z)();return(0,t.jsxs)(a.Z,{ref:s,sx:{border:"1px solid",borderColor:"dark"===b.palette.mode?b.palette.dark.light+15:b.palette.grey[200],":hover":{boxShadow:"dark"===b.palette.mode?"0 2px 14px 0 rgb(33 150 243 / 10%)":"0 2px 14px 0 rgb(32 40 45 / 8%)"},...j},...g,children:[!x&&Z&&(0,t.jsx)(l.Z,{sx:{p:2.5},title:(0,t.jsx)(o.Z,{variant:"h5",children:Z}),action:h}),x&&Z&&(0,t.jsx)(l.Z,{sx:{p:2.5},title:(0,t.jsx)(o.Z,{variant:"h4",children:Z}),action:h}),Z&&(0,t.jsx)(c.Z,{sx:{opacity:1,borderColor:"dark"===b.palette.mode?b.palette.dark.light+15:b.palette.grey[200]}}),u&&(0,t.jsx)(d.Z,{sx:{p:2.5,...p},className:m||"",children:i}),!u&&i]})});u.defaultProps={content:!0},s.Z=u},2789:function(e,s,i){"use strict";var t=i(85893),r=i(2734),n=i(87952);let a=e=>{let{className:s,color:i,outline:a,size:l,sx:o,...c}=e,d=(0,r.Z)(),u=i&&!a&&{color:d.palette.background.paper,bgcolor:"".concat(i,".main")},m=a&&{color:i?"".concat(i,".main"):"primary.main",bgcolor:d.palette.background.paper,border:"2px solid",borderColor:i?"".concat(i,".main"):"primary.main"},x={};switch(l){case"badge":x={width:d.spacing(3.5),height:d.spacing(3.5)};break;case"xs":x={width:d.spacing(4.25),height:d.spacing(4.25)};break;case"sm":x={width:d.spacing(5),height:d.spacing(5)};break;case"lg":x={width:d.spacing(9),height:d.spacing(9)};break;case"xl":x={width:d.spacing(10.25),height:d.spacing(10.25)};break;case"md":x={width:d.spacing(7.5),height:d.spacing(7.5)};break;default:x={}}return(0,t.jsx)(n.Z,{sx:{...u,...m,...x,...o},...c})};s.Z=a},39651:function(e,s,i){"use strict";i.r(s),i.d(s,{default:function(){return eZ}});var t=i(85893),r=i(86886),n=i(95312),a=i(58823),l=i(67294),o=i(64666),c=i(37645),d=i(66242),u=i(44267),m=i(78462),x=i(98619),h=i(18987),j=i(87952),p=i(59334),Z=i(67720),g=i(11057),b=i(96540);let v=[{email:"[email protected]",avatar:"avatar-1.png"},{email:"[email protected]",avatar:"avatar-2.png"}];function f(e){let{onClose:s,selectedValue:i,open:r}=e,n=()=>{s(i)},a=e=>{s(e)};return(0,t.jsx)(o.Z,{onClose:n,"aria-labelledby":"simple-dialog-title",open:r,children:r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{style:{cursor:"move"},id:"draggable-dialog-title",children:"User Account"}),(0,t.jsx)(d.Z,{children:(0,t.jsx)(u.Z,{sx:{pt:0},children:(0,t.jsxs)(m.Z,{children:[v.map((e,s)=>(0,t.jsxs)(l.Fragment,{children:[(0,t.jsxs)(x.Z,{onClick:()=>a(e.email),children:[(0,t.jsx)(h.Z,{children:(0,t.jsx)(j.Z,{alt:"User 1",src:"".concat("/assets/images/users","/").concat(e.avatar)})}),(0,t.jsx)(p.Z,{primary:e.email})]}),(0,t.jsx)(Z.Z,{})]},s)),(0,t.jsxs)(x.Z,{autoFocus:!0,onClick:()=>a("addAccount"),children:[(0,t.jsx)(h.Z,{children:(0,t.jsx)(j.Z,{sx:{width:32,height:32,border:"2px s

1olid",color:"grey.500",borderColor:"grey.500",bgcolor:"transparent"},children:(0,t.jsx)(b.Z,{})})}),(0,t.jsx)(p.Z,{primary:"Add New Account"})]})]})})})]})})}function C(){let[e,s]=l.useState(!1),[i,r]=l.useState(v[0].email),n=()=>{s(!0)},a=e=>{s(!1),r(e)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"contained",onClick:n,children:"Open simple dialog"}),(0,t.jsx)(f,{selectedValue:i,open:e,onClose:a})]})}var y=i(2734),P=i(6514),k=i(58951),w=i(15861),S=i(31425);function q(){let e=(0,y.Z)(),[s,i]=l.useState(!1),r=()=>{i(!0)},n=()=>{i(!1)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:r,children:"Open alert dialog"}),(0,t.jsx)(o.Z,{open:s,onClose:n,"aria-labelledby":"alert-dialog-title","aria-describedby":"alert-dialog-description",sx:{p:3},children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"alert-dialog-title",children:"Use Google's location service?"}),(0,t.jsx)(P.Z,{children:(0,t.jsx)(k.Z,{id:"alert-dialog-description",children:(0,t.jsx)(w.Z,{variant:"body2",component:"span",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark,borderColor:e.palette.error.dark},onClick:n,color:"secondary",children:"Disagree"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:n,autoFocus:!0,children:"Agree"})]})]})})]})}var D=i(54776);let F=l.forwardRef((e,s)=>(0,t.jsx)(D.Z,{direction:"up",ref:s,...e}));function M(){let e=(0,y.Z)(),[s,i]=l.useState(!1),r=()=>{i(!0)},n=()=>{i(!1)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:r,children:"Slide in alert dialog"}),(0,t.jsx)(o.Z,{open:s,TransitionComponent:F,keepMounted:!0,onClose:n,"aria-labelledby":"alert-dialog-slide-title1","aria-describedby":"alert-dialog-slide-description1",children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"alert-dialog-slide-title1",children:"Use Google's location service?"}),(0,t.jsx)(P.Z,{children:(0,t.jsx)(k.Z,{id:"alert-dialog-slide-description1",children:(0,t.jsx)(w.Z,{variant:"body2",component:"span",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark,borderColor:e.palette.error.dark},onClick:n,color:"secondary",children:"Disagree"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:n,children:"Agree"})]})]})})]})}var L=i(51233),T=i(50135);function V(){let e=(0,y.Z)(),[s,i]=l.useState(!1),r=()=>{i(!0)},n=()=>{i(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:r,children:"Open form dialog"}),(0,t.jsx)(o.Z,{open:s,onClose:n,"aria-labelledby":"form-dialog-title",children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"form-dialog-title",children:"Subscribe"}),(0,t.jsx)(P.Z,{children:(0,t.jsxs)(L.Z,{spacing:3,children:[(0,t.jsx)(k.Z,{children:(0,t.jsx)(w.Z,{variant:"body2",component:"span",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})}),(0,t.jsx)(T.Z,{autoFocus:!0,size:"small",id:"name",label:"Email Address",type:"email",fullWidth:!0})]})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark},onClick:n,color:"secondary",children:"Cancel"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:n,children:"Subscribe"})]})]})})]})}var z=i(90948),R=i(93946),_=i(50594);let A=(0,z.ZP)(o.Z)(e=>{let{theme:s}=e;return{"& .MuDialogContent-root":{padding:s.spacing(2)},"& .MuDialogActions-root":{padding:s.spacing(1)}}}),G=e=>{let{children:s,onClose:i,...r}=e;return(0,t.jsxs)(c.Z,{sx:{m:0,p:2},...r,children:[s,i?(0,t.jsx)(R.Z,{"aria-label":"close",onClick:i,sx:{position:"absolute",right:10,top:10,color:e=>e.palette.grey[500]},children:(0,t.jsx)(_.Z,{})}):null]})};function O(){let[e,s]=l.useState(!1),i=()=>{s(!0)},r=()=>{s(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:i,children:"Open dialog"}

1),(0,t.jsxs)(A,{onClose:r,"aria-labelledby":"customized-dialog-title",open:e,children:[(0,t.jsx)(G,{id:"customized-dialog-title",onClose:r,children:"Modal title"}),(0,t.jsxs)(P.Z,{dividers:!0,children:[(0,t.jsx)(w.Z,{gutterBottom:!0,children:"Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."}),(0,t.jsx)(w.Z,{gutterBottom:!0,children:"Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor."}),(0,t.jsx)(w.Z,{gutterBottom:!0,children:"Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla."})]}),(0,t.jsx)(S.Z,{children:(0,t.jsx)(g.Z,{autoFocus:!0,onClick:r,children:"Save changes"})})]})]})}var N=i(42293),E=i(10155);let U=l.forwardRef((e,s)=>(0,t.jsx)(D.Z,{direction:"up",ref:s,...e}));function W(){let[e,s]=l.useState(!1),i=()=>{s(!0)},r=()=>{s(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:i,children:"Open full-screen dialog"}),(0,t.jsx)(o.Z,{fullScreen:!0,open:e,onClose:r,TransitionComponent:U,children:e&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(N.Z,{sx:{position:"relative"},children:(0,t.jsxs)(E.Z,{children:[(0,t.jsx)(R.Z,{edge:"start",color:"inherit",onClick:r,"aria-label":"close",size:"large",children:(0,t.jsx)(_.Z,{})}),(0,t.jsx)(w.Z,{variant:"h3",color:"inherit",sx:{ml:2,flex:1},children:"Sound"}),(0,t.jsx)(g.Z,{autoFocus:!0,color:"inherit",onClick:r,children:"SAVE"})]})}),(0,t.jsxs)(m.Z,{children:[(0,t.jsx)(x.Z,{children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Phone Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:"Titania"})})}),(0,t.jsx)(Z.Z,{}),(0,t.jsx)(x.Z,{children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Default Notification Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:"Tethys"})})}),(0,t.jsx)(x.Z,{children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Phone Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:"Titania"})})}),(0,t.jsx)(Z.Z,{}),(0,t.jsx)(x.Z,{children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Default Notification Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:"Tethys"})})})]})]})})]})}var B=i(87357),H=i(94054),I=i(47312),X=i(18360),Y=i(18972),J=i(50480),K=i(72852);function Q(){let[e,s]=l.useState(!1),[i,r]=l.useState(!0),[n,a]=l.useState("sm"),d=()=>{s(!0)},u=()=>{s(!1)},m=e=>{a(e.target.value)},x=e=>{r(e.target.checked)};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:d,children:"Open max-width dialog"}),(0,t.jsx)(o.Z,{fullWidth:i,maxWidth:n,open:e,onClose:u,children:e&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{children:"Optional sizes"}),(0,t.jsxs)(P.Z,{children:[(0,t.jsx)(k.Z,{children:"You can set my maximum width and whether to adapt or not."}),(0,t.jsxs)(B.Z,{noValidate:!0,component:"form",sx:{display:"flex",flexDirection:"column",m:"auto",width:"fit-content"},children:[(0,t.jsxs)(H.Z,{sx:{mt:2,minWidth:120},children:[(0,t.jsx)(I.Z,{htmlFor:"max-width",children:"maxWidth"}),(0,t.jsxs)(X.Z,{autoFocus:!0,value:n,onChange:m,label:"maxWidth",inputProps:{name:"max-width",id:"max-width"},children:[(0,t.jsx)(Y.Z,{value:!1,children:"false"}),(0,t.jsx)(Y.Z,{value:"xs",children:"xs"}),(0,t.jsx)(Y.Z,{value:"sm",children:"sm"}),(0,t.jsx)(Y.Z,{value:"md",children:"md"}),(0,t.jsx)(Y.Z,{value:"lg",children:"lg"}),(0,t.jsx)(Y.Z,{value:"xl",children:"xl"})]})]}),(0,t.jsx)(J.Z,{sx:{mt:1},control:(0,t.jsx)(K.Z,{checked:i,onChange:x}),label:"Full width"})]})]}),(0,t.jsx)(S.Z,{children:(0,t.jsx)(g.Z,{onClick:u,children:"Close"})})]})})]})}var $=i(98396);function ee(){let e=(0,y.Z)(),s=(0,$.Z)(e.breakpoints.down("md")),[i,r]=l.useState(!1),n=()=>{r(!0)},a=()=>{r(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:n,children:"Open responsive dialog"}),(0,t.jsx)(o.Z,{fullScreen:s,open:i,onClose:a,"aria-labelledby":"responsive-dialog-title",children:i&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"responsive-dialog-title",children:"Use Google's location service?"}),(0,t.jsx)(P.Z,{children:(0,t.jsx)(k.Z,{children:(0,t.jsx)(w.Z,{variant:"body2",component:"span",children:"Let Google help apps determine location. This means sending anonymous location data to Google, even when no apps are running."})})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark},autoFocus:!0,onClick:a,color:"secondary",children:"Disagree"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:a,autoFocus:!0,children:"Agree"})]})]})})]})}var es=i(90629),ei=i(31255),et=i.n(ei);function er(e){return(0,t.jsx)(et(),{handle:"#draggable-dialog-title",cancel:'[class*="MuiDialogContent-root"]',children:(0,t.jsx)(es.Z,{...e})})}function en(){let e=(0,y.Z)(),[s,i]=l.useState(!1),r=()=>{i(!0)},n=()=>{i(!1)};return(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{variant:"outlined",onClick:r,children:"Open Draggable Dialog"}),(0,t.jsx)(o.Z,{open:s,onClose:n,PaperComponent:er,"aria-labelledby":"draggable-dialog-title",children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{style:{cursor:"move"},id:"draggable-dialog-title",children:"Subscribe"}),(0,t.jsx)(P.Z,{children:(0,t.jsx)(k.Z,{children:(0,t.jsx)(w.Z,{variant:"body2",component:"span",children:"To subscribe to this website, please enter your email address here. We will send updates occasionally."})})}),(0,t.jsxs)(S.Z,{children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark},autoFocus:!0,onClick:n,color:"secondary",children:"Cancel"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:n,children:"Subscribe"})]})]})})]})}function ea(){let e=(0,y.Z)(),[s,i]=l.useState(!1),[n,a]=l.useState("paper"),d=e=>()=>{i(!0),a(e)},u=()=>{i(!1)},m=l.useRef(null);return l.useEffect(()=>{if(s){let{current:e}=m;null!==e&&(null==e||e.focus())}},[s]),(0,t.jsxs)("div",{children:[(0,t.jsx)(g.Z,{onClick:d("paper"),children:"Content Scroll"}),(0,t.jsx)(g.Z,{onClick:d("body"),children:"Body Scroll"}),(0,t.jsx)(o.Z,{open:s,onClose:u,scroll:n,"aria-labelledby":"scroll-dialog-title","aria-describedby":"scroll-dialog-description",children:s&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"scroll-dialog-title",children:"Subscribe"}),(0,t.jsx)(P.Z,{dividers:"paper"===n,children:(0,t.jsxs)(r.ZP,{container:!0,spacing:3,children:[(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})}),(0,t.jsx)(r.ZP,{item:!0,children:(0,t.jsxs)(w.Z,{variant:"body2",children:[" ","Cras mattis consectetur purus sit amet fermentum. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna, vel scelerisque nisl consectetur et."]})})]})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5,pt:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:e.palette.error.dark},onClick:u,color:"secondary",children:"Cancel"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:u,children:"Subscribe"})]})]})})]})}var el=i(68061),eo=i(36872);let ec=["None","Atria","Callisto","Dione","Ganymede","Hangouts Call","Luna","Oberon","Phobos","Pyxis","Sedna","Titania","Triton","Umbriel"];function ed(e){let{_onClose:s,value:i,open:r,...n}=e,a=(0,y.Z)(),[d,u]=l.useState(i),m=l.useRef(null);l.useEffect(()=>{r||u(i)},[i,r]);let x=()=>

1{if(null!=m.current){var e;null===(e=m.current)||void 0===e||e.focus()}},h=()=>{s()},j=()=>{s(d)},p=e=>{u(e.target.value)};return(0,t.jsx)(o.Z,{TransitionProps:{onEntering:x},"aria-labelledby":"confirmation-dialog-title",open:r,...n,children:r&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(c.Z,{id:"confirmation-dialog-title",children:"Phone Ringtone"}),(0,t.jsx)(P.Z,{dividers:!0,children:(0,t.jsx)(el.Z,{ref:m,"aria-label":"ringtone",name:"ringtone",value:d,onChange:p,children:ec.map(e=>(0,t.jsx)(J.Z,{value:e,control:(0,t.jsx)(eo.Z,{}),label:e},e))})}),(0,t.jsxs)(S.Z,{sx:{pr:2.5,pt:2.5},children:[(0,t.jsx)(g.Z,{sx:{color:a.palette.error.dark},autoFocus:!0,color:"secondary",onClick:h,children:"Cancel"}),(0,t.jsx)(g.Z,{variant:"contained",size:"small",onClick:j,children:"Done"})]})]})})}function eu(){let[e,s]=l.useState(!1),[i,r]=l.useState("Hangouts Call"),n=()=>{s(!0)},a=e=>{s(!1),e&&r(e)};return(0,t.jsx)("div",{children:(0,t.jsxs)(m.Z,{component:"div",role:"group",children:[(0,t.jsx)(x.Z,{divider:!0,disabled:!0,children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Interruptions"})})}),(0,t.jsx)(x.Z,{divider:!0,"aria-haspopup":"true","aria-controls":"ringtone-menu","aria-label":"phone ringtone",onClick:n,children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Phone Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:i})})}),(0,t.jsx)(x.Z,{divider:!0,disabled:!0,children:(0,t.jsx)(p.Z,{primary:(0,t.jsx)(w.Z,{variant:"subtitle1",children:"Default Notification Ringtone"}),secondary:(0,t.jsx)(w.Z,{variant:"caption",children:"Tethys"})})}),(0,t.jsx)(ed,{id:"ringtone-menu",keepMounted:!0,open:e,_onClose:a,value:i})]})})}var em=i(50011),ex=i(91262),eh=i(28834),ej=i(196);let ep=()=>(0,t.jsx)(a.Z,{title:"Dialog",children:(0,t.jsx)(em.Z,{title:"Dialog",secondary:(0,t.jsx)(eh.Z,{link:"https://next.material-ui.com/components/dialogs/"}),children:(0,t.jsxs)(r.ZP,{container:!0,spacing:ej.dv,children:[(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Simple Dialog",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(C,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Sweet Alert",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(q,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Dialog Animation",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(M,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Form Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(V,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Customized Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(O,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Full Screen Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(W,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Dialogs Size",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(Q,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Responsive Fullscreen Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(ee,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Draggable Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(en,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Scrolling Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(ea,{})})})}),(0,t.jsx)(r.ZP,{item:!0,xs:12,sm:6,md:4,children:(0,t.jsx)(ex.Z,{title:"Confirmation Dialogs",children:(0,t.jsx)(r.ZP,{container:!0,justifyContent:"center",children:(0,t.jsx)(eu,{})})})})]})})});ep.getLayout=function(e){return(0,t.jsx)(n.Z,{children:e})};var eZ=ep}},function(e){e.O(0,[9584,7819,7520,8220,350,3091,5739,8259,8246,5312,9774,2888,179],function(){return e(e.s=98437)}),_N_E=e.O()}]);