@up-group-ui/react-controls
Version:
Up shared react controls
17 lines • 1.57 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.UpEntityView = void 0;
var tslib_1 = require("tslib");
var jsx_runtime_1 = require("react/jsx-runtime");
var styles_1 = require("./styles");
var theming_1 = require("../../../Common/theming");
var SvgIcon_1 = (0, tslib_1.__importDefault)(require("../SvgIcon"));
var __1 = require("../../..");
var classnames_1 = (0, tslib_1.__importDefault)(require("classnames"));
var UpEntityView = function (props) {
var title = props.title, icon = props.icon, informations = props.informations;
return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-entity-view', (0, styles_1.getStyles)()) }, { children: [(0, jsx_runtime_1.jsx)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-entity-view-title') }, { children: title }), void 0), (0, jsx_runtime_1.jsxs)(__1.UpBox, (0, tslib_1.__assign)({ flexDirection: 'row' }, { children: [icon && (0, jsx_runtime_1.jsx)(SvgIcon_1.default, { iconName: icon, width: 80 }, void 0), (0, jsx_runtime_1.jsx)("div", { children: informations.map(function (item) { return ((0, jsx_runtime_1.jsxs)("div", (0, tslib_1.__assign)({ className: (0, classnames_1.default)('up-entity-view-content') }, { children: [(0, jsx_runtime_1.jsx)("b", { children: item.key + " : " }, void 0), item.value] }), item.key)); }) }, void 0)] }), void 0)] }), void 0));
};
exports.UpEntityView = UpEntityView;
exports.default = (0, theming_1.withTheme)(UpEntityView);
//# sourceMappingURL=UpEntityView.js.map