@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) • 976 B
JavaScript
"use client";
;Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("classnames"),s=require("./styles.module.scss.cjs"),u=require("./SnackbarCard.cjs"),o=require("../../hooks/useMounted.cjs"),i=require("./Snackbar.constant.cjs");function n(e){return e&&e.__esModule?e:{default:e}}var c=n(r);exports.default=r=>{const{className:n,animationDuration:l=i.SNACKBAR_DEFAULT_PROPS.animationDuration,isShow:d=i.SNACKBAR_DEFAULT_PROPS.isShow,position:A=i.SNACKBAR_DEFAULT_PROPS.position,style:_,...f}=r,m=o.default(),[S,N]=t.useState(!1),q=c.default(s.default.legion_snackbar,n,s.default[A],{[s.default.show]:d,[s.default.hide]:!d});return t.useEffect(()=>{d?N(!0):setTimeout(()=>{N(!1)},l+i.SNACKBAR_ANIMATION_DURATION_DELAY)},[l,d]),m&&S&&a.createPortal(e.jsx(u.default,{className:q,style:{..._,animationDuration:`${l}ms`},...f}),document.body)};
//# sourceMappingURL=index.cjs.map