"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[9],{44:(e,t,o)=>{o.d(t,{a:()=>a});var n=o(0);function a({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"}})}},41:(e,t,o)=>{o.d(t,{a:()=>i});var n=o(0),a=o(2),d=o(22),s=o(12),c=o(44);function i({isOpen:e,onClose:t,children:o,variant:i="default",title:l,size:r="default"}){const[u,m]=(0,a.useState)(!1),h=()=>{"bottomSheet"===i?(m(!0),setTimeout((()=>{t(),m(!1)}),300)):t()};return(0,a.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,a.useEffect)((()=>{if("undefined"==typeof document)return;const t=t=>{"Escape"===t.key&&e&&h()};return e&&document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t)}}),[e,t]),e&&"undefined"!=typeof document?"bottomSheet"===i?(0,d.createPortal)((0,n.jsxs)("div",{className:s.a.modalOverlayBottomSheet,children:[(0,n.jsx)("div",{className:s.a.modalBackground,onClick:h}),(0,n.jsxs)("div",{className:[s.a.modalBottomSheet,u?s.a.closing:"","large"===r?s.a.large:""].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:h,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,d.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}}}]);