@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) • 755 B
JavaScript
import{jsxs as o,jsx as s}from"react/jsx-runtime";import e from"classnames";import l from"./styles.module.scss.js";import t from"../Icon/index.js";const a=a=>{const{className:c,leftIcon:n,leftIconClassName:r,noCloseButton:i,onClose:m,rightIcon:d,rightIconClassName:h,title:N,titleClassName:f,...p}=a,u=e(l.legion_modal_header,c),C=e(l.left_icon,r),g=e(l.right_icon,h),I=e(l.close_button),_=e(l.title,f);return o("div",{className:u,...p,children:[n&&s("span",{className:C,children:n}),s("p",{className:_,children:N}),d&&s("span",{className:g,children:d}),!i&&s("button",{className:I,onClick:()=>{m?.()},children:s(t,{icon:"close",style:{backgroundColor:"var(--Modal-color-right-icon)"}})})]})};export{a as default};
//# sourceMappingURL=ModalHeader.js.map