UNPKG

1.21 kBJavaScriptView Raw
1import _extends from "@babel/runtime/helpers/esm/extends";
2import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3import classNames from 'classnames';
4import React from 'react';
5import { useBootstrapPrefix } from './ThemeProvider';
6var defaultProps = {
7 vertical: false,
8 toggle: false,
9 role: 'group'
10};
11var ButtonGroup = React.forwardRef(function (props, ref) {
12 var bsPrefix = props.bsPrefix,
13 size = props.size,
14 toggle = props.toggle,
15 vertical = props.vertical,
16 className = props.className,
17 _props$as = props.as,
18 Component = _props$as === void 0 ? 'div' : _props$as,
19 rest = _objectWithoutPropertiesLoose(props, ["bsPrefix", "size", "toggle", "vertical", "className", "as"]);
20
21 var prefix = useBootstrapPrefix(bsPrefix, 'btn-group');
22 var baseClass = prefix;
23 if (vertical) baseClass = prefix + "-vertical";
24 return React.createElement(Component, _extends({}, rest, {
25 ref: ref,
26 className: classNames(className, baseClass, size && prefix + "-" + size, toggle && prefix + "-toggle")
27 }));
28});
29ButtonGroup.displayName = 'ButtonGroup';
30ButtonGroup.defaultProps = defaultProps;
31export default ButtonGroup;
\No newline at end of file