"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[10],{65:(e,t,o)=>{o.d(t,{a:()=>d});var n=o(0);function d({size:e,iconClass:t}){return(0,n.jsx)("div",{"aria-hidden":"true",role:"presentation",class:t,style:{width:e||"",height:e||"",backgroundImage:"var(--icon-close)",backgroundSize:"contain",cursor:"pointer",backgroundRepeat:"no-repeat",backgroundOrigin:"content-box"}})}},42:(e,t,o)=>{o.d(t,{a:()=>i});var n=o(0),d=o(2),a=o(19),s=o(14),c=o(65);function i({isOpen:e,onClose:t,children:o,variant:i="default",title:l}){const[r,u]=(0,d.useState)(!1),m=()=>{"bottomSheet"===i?(u(!0),setTimeout((()=>{t(),u(!1)}),300)):t()};return(0,d.useEffect)((()=>{if("undefined"==typeof document)return;const t=window.innerWidth-document.documentElement.clientWidth,o=document.body.style.paddingRight;return e?(document.body.style.overflow="hidden",document.body.style.paddingRight=`${t}px`):(document.body.style.overflow="",document.body.style.paddingRight=o),()=>{document.body.style.overflow="",document.body.style.paddingRight=o}}),[e]),(0,d.useEffect)((()=>{if("undefined"==typeof document)return;const t=t=>{"Escape"===t.key&&e&&m()};return e&&document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}}),[e,t]),e&&"undefined"!=typeof document?"bottomSheet"===i?(0,a.createPortal)((0,n.jsxs)("div",{className:s.a.modalOverlayBottomSheet,children:[(0,n.jsx)("div",{className:s.a.modalBackground,onClick:m}),(0,n.jsxs)("div",{className:[s.a.modalBottomSheet,r?s.a.closing:""].join(" "),children:[l&&(0,n.jsxs)("div",{className:s.a.bottomSheetHeader,children:[(0,n.jsx)("h2",{className:s.a.bottomSheetTitle,children:l}),(0,n.jsx)("button",{className:s.a.bottomSheetCloseBtn,onClick:m,children:(0,n.jsx)(c.a,{size:"16px",iconClass:s.a.closeIconSVG})})]}),(0,n.jsx)("div",{className:s.a.bottomSheetContent,children:o})]})]}),document.body):(0,a.createPortal)((0,n.jsxs)("div",{className:s.a.modalOverlay,children:[(0,n.jsx)("div",{className:s.a.modalBackground,onClick:t}),(0,n.jsxs)("div",{className:s.a.modal,children:[(0,n.jsx)("button",{className:s.a.closeBtn,onClick:t,children:(0,n.jsx)(c.a,{size:"14px",iconClass:s.a.closeIconSVG})}),o]})]}),document.body):null}}}]);