@activecollab/components/dist/esm/components/Tables/Table.js

ActiveCollab Components

import React from "react";
import classNames from "classnames";
import { StyledTableWrapper, StyledTable, StyledTableBody, StyledTableHead } from "./Styles";
export const Table = _ref => {
  let children = _ref.children,
    className = _ref.className,
    wrapperClassName = _ref.wrapperClassName,
    _ref$striped = _ref.striped,
    striped = _ref$striped === void 0 ? false : _ref$striped,
    innerRef = _ref.innerRef;
  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 = _ref2.children,
    className = _ref2.className,
    _ref2$headerVariant = _ref2.headerVariant,
    headerVariant = _ref2$headerVariant === void 0 ? "primary" : _ref2$headerVariant;
  return /*#__PURE__*/React.createElement(StyledTableHead, {
    $headerVariant: headerVariant,
    className: classNames("c-table__head", className)
  }, children);
};
Thead.displayName = "Thead";
export const Tbody = _ref3 => {
  let children = _ref3.children,
    className = _ref3.className;
  return /*#__PURE__*/React.createElement(StyledTableBody, {
    className: classNames("c-table__body", className)
  }, children);
};
Tbody.displayName = "Tbody";
//# sourceMappingURL=Table.js.map