@braineet/ui
Version:
Braineet design system
47 lines (45 loc) • 2.03 kB
JavaScript
;
exports.__esModule = true;
exports.default = exports.Label = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = require("styled-components");
var _utils = require("../../utils");
var _label = _interopRequireDefault(require("../label"));
var _text = _interopRequireDefault(require("../text"));
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["children", "mandatory", "theme", "as"];
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
/**
* The `Label` component.
*/
var Label = function Label(_ref) {
var children = _ref.children,
text = _ref.mandatory,
theme = _ref.theme,
as = _ref.as,
restProps = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_label.default, _extends({
display: "inline-block",
color: "black",
fontFamily: "display",
size: "xs",
marginBottom: (0, _utils.fluid)(4),
as: as
}, restProps, {
children: [children, " ", !!text && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_text.default, {
size: "xxs",
children: ["(", text, ")"]
})]
}));
};
exports.Label = Label;
Label.defaultProps = {
children: 'Label Title',
as: 'label',
theme: {},
mandatory: ''
};
var _default = (0, _styledComponents.withTheme)(Label);
exports.default = _default;