UNPKG

@braineet/ui

Version:

Braineet design system

45 lines (44 loc) 2.1 kB
"use strict"; 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(e) { return e && e.__esModule ? e : { default: e }; } function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; } var Option = exports.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] })); }); Option.defaultProps = { classNames: {}, size: 'sm' };