@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>
3 lines (2 loc) • 967 B
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),l=require("classnames"),s=require("./styles.module.scss.cjs"),t=require("../Icon/index.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(l);exports.default=l=>{const{className:a,leftIcon:r,leftIconClassName:c,noCloseButton:n,onClose:u,rightIcon:d,rightIconClassName:i,title:f,titleClassName:m,...h}=l,j=o.default(s.default.legion_modal_header,a),x=o.default(s.default.left_icon,c),N=o.default(s.default.right_icon,i),_=o.default(s.default.close_button),C=o.default(s.default.title,m);return e.jsxs("div",{className:j,...h,children:[r&&e.jsx("span",{className:x,children:r}),e.jsx("p",{className:C,children:f}),d&&e.jsx("span",{className:N,children:d}),!n&&e.jsx("button",{className:_,onClick:()=>{u?.()},children:e.jsx(t.default,{icon:"close",style:{backgroundColor:"var(--Modal-color-right-icon)"}})})]})};
//# sourceMappingURL=ModalHeader.cjs.map