UNPKG

@mskcc/carbon-react

Version:

Carbon react components for the MSKCC DSM

67 lines (59 loc) 2.01 kB
/** * MSKCC 2021, 2024 */ 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js'); var React = require('react'); var PropTypes = require('prop-types'); var cx = require('classnames'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var React__default = /*#__PURE__*/_interopDefaultLegacy(React); var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes); var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx); const ButtonSet = /*#__PURE__*/React__default["default"].forwardRef(function ButtonSet(_ref, ref) { let { children, className, disableResponsive = false, align, vertical = false, stacked = false, ...rest } = _ref; const buttonSetClasses = cx__default["default"](className, `msk-btn-set`, { [`msk-btn-set--responsive`]: !disableResponsive, [`msk-btn-set--${align}`]: align, [`msk-btn-set--vertical`]: vertical, [`msk-btn-set--stacked`]: stacked }); return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, { className: buttonSetClasses, ref: ref }), children); }); ButtonSet.displayName = 'ButtonSet'; ButtonSet.propTypes = { /** * Specify the alignment of the ButtonSet */ align: PropTypes__default["default"].oneOf(['center', 'right', 'opposite', 'full']), /** * Specify the content of your ButtonSet */ children: PropTypes__default["default"].node, /** * Specify an optional className to be added to your ButtonSet */ className: PropTypes__default["default"].string, /** * disabled responsiveness */ disableResponsive: PropTypes__default["default"].bool, /** * Specify the button arrangement of the set (vertically stacked or * horizontal) */ vertical: PropTypes__default["default"].bool }; exports["default"] = ButtonSet;