You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
30 lines
1.2 KiB
30 lines
1.2 KiB
3 years ago
|
"use strict";
|
||
|
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
||
|
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
||
|
|
};
|
||
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
||
|
|
exports.ValueGroup = exports.default = void 0;
|
||
|
|
const react_1 = __importDefault(require("react"));
|
||
|
|
const box_1 = __importDefault(require("../../atoms/box"));
|
||
|
|
const label_1 = __importDefault(require("../../atoms/label"));
|
||
|
|
const text_1 = __importDefault(require("../../atoms/text"));
|
||
|
|
/**
|
||
|
|
* @load ./value-group.doc.md
|
||
|
|
* @component
|
||
|
|
* @subcategory Molecules
|
||
|
|
* @hideconstructor
|
||
|
|
* @see ValueGroupProps
|
||
|
|
* @see {@link https://storybook.adminjs.co/?path=/story/designsystem-molecules-value-group--default Storybook}
|
||
|
|
* @new In version 3.3
|
||
|
|
* @section design-system
|
||
|
|
*/
|
||
|
|
const ValueGroup = (props) => {
|
||
|
|
const { label, value, children } = props;
|
||
|
|
return (react_1.default.createElement(box_1.default, { mb: "xl" },
|
||
|
|
react_1.default.createElement(label_1.default, { variant: "light" }, label),
|
||
|
|
value ? react_1.default.createElement(text_1.default, null, value) : '',
|
||
|
|
children));
|
||
|
|
};
|
||
|
|
exports.default = ValueGroup;
|
||
|
|
exports.ValueGroup = ValueGroup;
|