@legion-ui-kit/react-core
Version:
<div align="center"> <img height="108" width="116" src="https://legion.digitaltelkom.id/favicon.svg?v=4643a71fb65fa61a5f2b266b769ea7b1" /> <h1 align="center">Legion UI Kit - React Core</h1> </div>
4 lines (3 loc) • 843 B
JavaScript
"use client";
import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useEffect as s}from"react";import{createPortal as r}from"react-dom";import m from"classnames";import a from"./styles.module.scss.js";import l from"../../hooks/useMounted.js";import{isFunction as t}from"../../helpers/typeChecker.js";import{MODAL_DEFAULT_PROPS as i}from"./Modal.constant.js";const n=n=>{const{children:d,className:c,isOpen:p=i.isOpen,noOverlayClose:f,onClose:u,overlayClassName:y,...h}=n,v=l(),j=m(a.legion_modal_overlay,y),C=m(a.legion_modal,c);s(()=>{document.body.style.overflow=p?"hidden":"auto"},[p]);return v&&p&&r(o("div",{className:a.legion_modal_wrapper,children:[e("div",{className:j,onClick:o=>{o.stopPropagation(),!f&&t(u)&&u()}}),e("div",{className:C,...h,children:d})]}),document.body)};export{n as default};
//# sourceMappingURL=Modal.js.map