1 | "use client";
|
2 |
|
3 | import classNames from 'classnames';
|
4 | import * as React from 'react';
|
5 | import { useBootstrapPrefix } from './ThemeProvider';
|
6 | import { jsx as _jsx } from "react/jsx-runtime";
|
7 | const Table = React.forwardRef(({
|
8 | bsPrefix,
|
9 | className,
|
10 | striped,
|
11 | bordered,
|
12 | borderless,
|
13 | hover,
|
14 | size,
|
15 | variant,
|
16 | responsive,
|
17 | ...props
|
18 | }, ref) => {
|
19 | const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'table');
|
20 | const classes = classNames(className, decoratedBsPrefix, variant && `${decoratedBsPrefix}-${variant}`, size && `${decoratedBsPrefix}-${size}`, striped && `${decoratedBsPrefix}-${typeof striped === 'string' ? `striped-${striped}` : 'striped'}`, bordered && `${decoratedBsPrefix}-bordered`, borderless && `${decoratedBsPrefix}-borderless`, hover && `${decoratedBsPrefix}-hover`);
|
21 | const table = _jsx("table", {
|
22 | ...props,
|
23 | className: classes,
|
24 | ref: ref
|
25 | });
|
26 | if (responsive) {
|
27 | let responsiveClass = `${decoratedBsPrefix}-responsive`;
|
28 | if (typeof responsive === 'string') {
|
29 | responsiveClass = `${responsiveClass}-${responsive}`;
|
30 | }
|
31 | return _jsx("div", {
|
32 | className: responsiveClass,
|
33 | children: table
|
34 | });
|
35 | }
|
36 | return table;
|
37 | });
|
38 | export default Table; |
\ | No newline at end of file |