UNPKG

1.65 kBJavaScriptView Raw
1import _extends from "@babel/runtime/helpers/esm/extends";
2import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3var _excluded = ["bsPrefix", "className", "striped", "bordered", "borderless", "hover", "size", "variant", "responsive"];
4import classNames from 'classnames';
5import React from 'react';
6import { useBootstrapPrefix } from './ThemeProvider';
7var Table = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
8 var bsPrefix = _ref.bsPrefix,
9 className = _ref.className,
10 striped = _ref.striped,
11 bordered = _ref.bordered,
12 borderless = _ref.borderless,
13 hover = _ref.hover,
14 size = _ref.size,
15 variant = _ref.variant,
16 responsive = _ref.responsive,
17 props = _objectWithoutPropertiesLoose(_ref, _excluded);
18
19 var decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
20 var classes = classNames(className, decoratedBsPrefix, variant && decoratedBsPrefix + "-" + variant, size && decoratedBsPrefix + "-" + size, striped && decoratedBsPrefix + "-striped", bordered && decoratedBsPrefix + "-bordered", borderless && decoratedBsPrefix + "-borderless", hover && decoratedBsPrefix + "-hover");
21 var table = /*#__PURE__*/React.createElement("table", _extends({}, props, {
22 className: classes,
23 ref: ref
24 }));
25
26 if (responsive) {
27 var responsiveClass = decoratedBsPrefix + "-responsive";
28
29 if (typeof responsive === 'string') {
30 responsiveClass = responsiveClass + "-" + responsive;
31 }
32
33 return /*#__PURE__*/React.createElement("div", {
34 className: responsiveClass
35 }, table);
36 }
37
38 return table;
39});
40export default Table;
\No newline at end of file