UNPKG

@coreui/react

Version:

UI Components Library for React.js

43 lines (39 loc) 1.97 kB
'use strict'; var tslib_es6 = require('../../node_modules/tslib/tslib.es6.js'); var React = require('react'); var PropTypes = require('prop-types'); var index = require('../../_virtual/index.js'); var CCard = require('../card/CCard.js'); var CCardBody = require('../card/CCardBody.js'); require('../card/CCardFooter.js'); require('../card/CCardGroup.js'); require('../card/CCardHeader.js'); require('../card/CCardImage.js'); require('../card/CCardImageOverlay.js'); require('../card/CCardLink.js'); require('../card/CCardSubtitle.js'); require('../card/CCardText.js'); require('../card/CCardTitle.js'); var props = require('../../props.js'); var CWidgetStatsA = React.forwardRef(function (_a, ref) { var _b; var action = _a.action, chart = _a.chart, className = _a.className, color = _a.color, title = _a.title, value = _a.value, rest = tslib_es6.__rest(_a, ["action", "chart", "className", "color", "title", "value"]); return (React.createElement(CCard.CCard, tslib_es6.__assign({ className: index.default((_b = {}, _b["bg-".concat(color)] = color, _b['text-white'] = color, _b), className) }, rest, { ref: ref }), React.createElement(CCardBody.CCardBody, { className: "pb-0 d-flex justify-content-between align-items-start" }, React.createElement("div", null, value && React.createElement("div", { className: "fs-4 fw-semibold" }, value), title && React.createElement("div", null, title)), action), chart)); }); CWidgetStatsA.propTypes = { action: PropTypes.node, chart: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), className: PropTypes.string, color: props.colorPropType, title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), value: PropTypes.oneOfType([PropTypes.string, PropTypes.node, PropTypes.number]), }; CWidgetStatsA.displayName = 'CWidgetStatsA'; exports.CWidgetStatsA = CWidgetStatsA; //# sourceMappingURL=CWidgetStatsA.js.map