@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) • 1.17 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("classnames"),t=require("./styles.module.scss.cjs"),l=require("./Alert.constant.cjs");function a(e){return e&&e.__esModule?e:{default:e}}var c=a(s);exports.default=s=>{const{className:a,color:r=l.ALERT_DEFAULT_PROPS.color,description:i,descriptionClassName:n,leftIcon:d,leftIconClassName:u,noLeftIcon:o,rightIcon:f,rightIconClassName:_,title:m,titleClassName:N,...h}=s,j=l.ALERT_COLORS.includes(r)?l.DEFAULT_ICON[r]:l.DEFAULT_ICON.information,p=c.default(t.default.legion_alert,a,t.default[r],{[t.default.has_right_icon]:!!f,[t.default.no_title]:!m}),x=c.default(t.default.description,n),C=c.default(t.default.title,N),I=c.default(t.default.left_icon,u),L=c.default(t.default.right_icon,_);return e.jsxs("div",{className:p,...h,children:[!o&&e.jsx("span",{className:I,children:d||e.jsx("i",{className:t.default.default_icon,children:j})}),e.jsxs("div",{className:t.default.alert_content,children:[m&&e.jsx("p",{className:C,children:m}),i&&e.jsx("p",{className:x,children:i})]}),f&&e.jsx("span",{className:L,children:f})]})};
//# sourceMappingURL=index.cjs.map