@up-group-ui/react-controls/dist/Components/Display/Information/UpInformation.js

Up shared react controls

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var typestyle_1 = require("typestyle");
var Box_1 = (0, tslib_1.__importDefault)(require("../../Containers/Box"));
var SvgIcon_1 = (0, tslib_1.__importDefault)(require("../SvgIcon"));
var UpButton_1 = (0, tslib_1.__importDefault)(require("../../Inputs/Button/UpButton"));
var styles_1 = require("./styles");
var UpInformation = function (props) {
    var iconName = props.iconName, iconSize = props.iconSize, iconColor = props.iconColor, title = props.title, content = props.content, action = props.action, children = props.children;
    var contentClassStyle = (0, classnames_1.default)('up-box-content', (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.contentStyle), (0, styles_1.getCustomStyle)('content', props))));
    return ((0, jsx_runtime_1.jsxs)(Box_1.default, (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-information', (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.boxWrapperStyle), (0, styles_1.getCustomStyle)('informationWrapper', props)))) }, { children: [title && iconName && ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ style: {
                    marginBottom: 5,
                } }, { children: [(0, jsx_runtime_1.jsx)(SvgIcon_1.default, { iconName: iconName, width: iconSize, height: iconSize, color: iconColor, style: {
                            verticalAlign: 'middle',
                            marginRight: 15,
                        } }, void 0), (0, jsx_runtime_1.jsx)("span", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-information-title', (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.titleStyle), (0, styles_1.getCustomStyle)('title', props)))) }, { children: title }), void 0)] }), void 0)), (0, jsx_runtime_1.jsxs)(Box_1.default, (0, tslib_1.__assign)({ flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', className: (0, classnames_1.default)('up-information-content-wrapper', (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, (0, styles_1.getCustomStyle)('contentWrapper', props)), styles_1.contentWrapperStyle))) }, { children: [content && ((0, jsx_runtime_1.jsxs)(Box_1.default, (0, tslib_1.__assign)({ flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'flex-start' }, { children: [(0, jsx_runtime_1.jsx)("p", (0, tslib_1.__assign)({ className: contentClassStyle }, { children: content }), void 0), children && (0, jsx_runtime_1.jsx)("p", (0, tslib_1.__assign)({ className: contentClassStyle }, { children: children }), void 0)] }), void 0)), action && ((0, jsx_runtime_1.jsx)(Box_1.default, (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-information-button-wrapper', (0, typestyle_1.style)((0, tslib_1.__assign)((0, tslib_1.__assign)({}, styles_1.buttonStyle), (0, styles_1.getCustomStyle)('button', props)))) }, { children: (0, jsx_runtime_1.jsx)(UpButton_1.default, (0, tslib_1.__assign)({ fontSize: 'small', tooltip: action.tooltip, iconName: action.iconName, intent: action.intent, actionType: action.actionType, onClick: action.onClick, width: 'full' }, { children: (0, jsx_runtime_1.jsx)("span", { children: action.libelle }, void 0) }), void 0) }), void 0))] }), void 0)] }), void 0));
};
UpInformation.defaultProps = {
    iconSize: 40,
};
exports.default = UpInformation;
//# sourceMappingURL=UpInformation.js.map