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