@mskcc/carbon-react
Version:
Carbon react components for the MSKCC DSM
67 lines (59 loc) • 2.01 kB
JavaScript
/**
* MSKCC 2021, 2024
*/
;
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;