UNPKG

@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.18 kB
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("classnames"),s=require("./styles.module.scss.cjs");function l(e){return e&&e.__esModule?e:{default:e}}var a=l(t);const i=t=>{const{className:l,contentClassName:i,contentStyle:d,description:c,descriptionClassName:r,descriptionStyle:n,iconLeft:u,iconLeftClassName:o,iconLeftStyle:f,iconRight:m,iconRightClassName:h,iconRightStyle:y,noDivider:N,title:_,titleClassName:j,titleStyle:p,...v}=t,x=a.default(l,s.default.legion_card_header,{[s.default.full_content]:!!_&&!!c,[s.default.no_divider]:N}),C=a.default(i,s.default.header_content),g=a.default(r,s.default.header_description),S=a.default(o,s.default.icon_left),q=a.default(h,s.default.icon_right),L=a.default(j,s.default.header_title);return e.jsxs("div",{className:x,...v,children:[u&&e.jsx("div",{className:S,style:f,children:u}),e.jsxs("div",{className:C,style:d,children:[_&&e.jsx("h3",{className:L,style:p,children:_}),c&&e.jsx("p",{className:g,style:n,children:c})]}),m&&e.jsx("div",{className:q,style:y,children:m})]})};i.displayName="CardHeader",exports.default=i; //# sourceMappingURL=CardHeader.cjs.map