@activecollab/components
Version:
ActiveCollab Components
43 lines • 1.2 kB
JavaScript
import React from "react";
import classNames from "classnames";
import { StyledTableWrapper, StyledTable, StyledTableBody, StyledTableHead } from "./Styles";
export const Table = _ref => {
let {
children,
className,
wrapperClassName,
striped = false,
innerRef
} = _ref;
return /*#__PURE__*/React.createElement(StyledTableWrapper, {
className: classNames("c-table__wrap", wrapperClassName)
}, /*#__PURE__*/React.createElement(StyledTable, {
ref: innerRef,
className: classNames("c-table", className),
$striped: striped
}, children));
};
Table.displayName = "Table";
export const Thead = _ref2 => {
let {
children,
className,
headerVariant = "primary"
} = _ref2;
return /*#__PURE__*/React.createElement(StyledTableHead, {
$headerVariant: headerVariant,
className: classNames("c-table__head", className)
}, children);
};
Thead.displayName = "Thead";
export const Tbody = _ref3 => {
let {
children,
className
} = _ref3;
return /*#__PURE__*/React.createElement(StyledTableBody, {
className: classNames("c-table__body", className)
}, children);
};
Tbody.displayName = "Tbody";
//# sourceMappingURL=Table.js.map