@legion-ui-kit/react-core/dist/cjs/components/Modal/ModalHeader.cjs.map

<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>

{"version":3,"file":"ModalHeader.cjs","sources":["../../../../src/components/Modal/ModalHeader.tsx"],"sourcesContent":["// Modules\r\nimport cn from 'classnames';\r\n\r\n// Types\r\nimport type { TModalHeaderProps } from './Modal.type';\r\n\r\n// Styles\r\nimport styles from './styles.module.scss';\r\n\r\n// Components\r\nimport Icon from '../Icon';\r\n\r\nconst ModalHeader = (props: TModalHeaderProps) => {\r\n  const {\r\n    className,\r\n    leftIcon,\r\n    leftIconClassName,\r\n    noCloseButton,\r\n    onClose,\r\n    rightIcon,\r\n    rightIconClassName,\r\n    title,\r\n    titleClassName,\r\n    ...restProps\r\n  } = props;\r\n\r\n  const modalHeaderCN = cn(styles.legion_modal_header, className);\r\n  const leftIconCN = cn(styles.left_icon, leftIconClassName);\r\n  const rightIconCN = cn(styles.right_icon, rightIconClassName);\r\n  const closeButtonCN = cn(styles.close_button);\r\n  const titleCN = cn(styles.title, titleClassName);\r\n\r\n  const handleClose = () => {\r\n    onClose?.();\r\n  };\r\n\r\n  return (\r\n    <div className={modalHeaderCN} {...restProps}>\r\n      {leftIcon && <span className={leftIconCN}>{leftIcon}</span>}\r\n      <p className={titleCN}>\r\n        {title}\r\n      </p>\r\n      {rightIcon && <span className={rightIconCN}>{rightIcon}</span>}\r\n      {!noCloseButton && (\r\n        <button className={closeButtonCN} onClick={handleClose}>\r\n          <Icon icon={'close'} style={{ backgroundColor: 'var(--Modal-color-right-icon)' }}/>\r\n        </button>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ModalHeader;\r\n"],"names":["props","className","leftIcon","leftIconClassName","noCloseButton","onClose","rightIcon","rightIconClassName","title","titleClassName","restProps","modalHeaderCN","cn","styles","legion_modal_header","leftIconCN","left_icon","rightIconCN","right_icon","closeButtonCN","close_button","titleCN","_jsxs","children","_jsx","onClick","Icon","icon","style","backgroundColor"],"mappings":"kRAYqBA,IACnB,MAAMC,UACJA,EAASC,SACTA,EAAQC,kBACRA,EAAiBC,cACjBA,EAAaC,QACbA,EAAOC,UACPA,EAASC,mBACTA,EAAkBC,MAClBA,EAAKC,eACLA,KACGC,GACDV,EAEEW,EAAgBC,EAAAA,QAAGC,UAAOC,oBAAqBb,GAC/Cc,EAAaH,EAAAA,QAAGC,UAAOG,UAAWb,GAClCc,EAAcL,EAAAA,QAAGC,UAAOK,WAAYX,GACpCY,EAAgBP,EAAAA,QAAGC,EAAAA,QAAOO,cAC1BC,EAAUT,EAAAA,QAAGC,UAAOL,MAAOC,GAMjC,OACEa,OAAA,MAAA,CAAKrB,UAAWU,KAAmBD,EAASa,SAAA,CACzCrB,GAAYsB,MAAA,OAAA,CAAMvB,UAAWc,EAAUQ,SAAGrB,IAC3CsB,EAAAA,IAAA,IAAA,CAAGvB,UAAWoB,WACXb,IAEFF,GAAakB,EAAAA,IAAA,OAAA,CAAMvB,UAAWgB,EAAWM,SAAGjB,KAC3CF,GACAoB,EAAAA,cAAQvB,UAAWkB,EAAeM,QAZpB,KAClBpB,OAW0DkB,SACpDC,EAAAA,IAACE,EAAAA,QAAI,CAACC,KAAM,QAASC,MAAO,CAAEC,gBAAiB"}