@braineet/ui
Version:
Braineet design system
46 lines (45 loc) • 2.29 kB
JavaScript
;
exports.__esModule = true;
exports.Option = void 0;
var _react = _interopRequireDefault(require("react"));
var _icon = _interopRequireDefault(require("../icon"));
var _text = _interopRequireDefault(require("../text"));
var _option = require("./option.sc");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["children", "label", "icon", "leftSection", "rightSection", "classNames", "size", "isTruncated"];
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; }
var Option = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
var children = _ref.children,
label = _ref.label,
icon = _ref.icon,
leftSection = _ref.leftSection,
rightSection = _ref.rightSection,
classNames = _ref.classNames,
size = _ref.size,
isTruncated = _ref.isTruncated,
props = _objectWithoutPropertiesLoose(_ref, _excluded);
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_option.OptionStyled, _extends({
$hasIcon: icon || !label
}, props, {
ref: ref,
children: [leftSection, icon && typeof icon === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.default, {
name: icon,
className: classNames.icon
}) : icon, /*#__PURE__*/(0, _jsxRuntime.jsxs)(_option.OptionLabel, {
className: classNames.wrapper,
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_text.default, {
className: classNames.label,
size: size,
isTruncated: isTruncated,
children: label
}), children]
}), rightSection]
}));
});
exports.Option = Option;
Option.defaultProps = {
classNames: {},
size: 'sm'
};