@up-group-ui/react-controls/dist/Components/Display/Bulle/UpBulle.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.UpBulle = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var index_1 = (0, tslib_1.__importDefault)(require("../SvgIcon/index"));
var styles_1 = require("./styles");
var Box_1 = (0, tslib_1.__importDefault)(require("../../Containers/Box"));
var withTheme_1 = (0, tslib_1.__importDefault)(require("../../../Common/theming/withTheme"));
var theming_1 = (0, tslib_1.__importDefault)(require("../../../Common/theming"));
var UpBulle = function (props) {
    var className = props.className, backgroundImage = props.backgroundImage, icon = props.icon, value = props.value, message = props.message, children = props.children;
    return ((0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)((0, styles_1.BulleStyle)(props), className, 'up-bulle'), style: { backgroundImage: backgroundImage } }, { children: (0, jsx_runtime_1.jsxs)(Box_1.default, (0, tslib_1.__assign)({ flexDirection: 'row', justifyContent: 'flex-start', alignItems: 'center' }, { children: [icon && (0, jsx_runtime_1.jsx)(index_1.default, { className: styles_1.IconStyle, iconName: icon, color: 'white' }, void 0), value && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: styles_1.ValueStyle }, { children: value }), void 0), message && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: styles_1.MessageStyle }, { children: message }), void 0), children && (0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: styles_1.ChildrenStyle }, { children: children }), void 0)] }), void 0) }), void 0));
};
exports.UpBulle = UpBulle;
UpBulle.defaultProps = {
    theme: theming_1.default,
};
exports.default = (0, withTheme_1.default)(UpBulle);
//# sourceMappingURL=UpBulle.js.map