"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Thead = void 0;
var _react = _interopRequireDefault(require("react"));
var _styledComponents = _interopRequireDefault(require("styled-components"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var StyledThead = _styledComponents.default.thead.withConfig({
  displayName: "Thead__StyledThead",
  componentId: "sc-ck14n6-0"
})(["width:100%;border-bottom:1px solid ", ";"], function (p) {
  return p.theme.color.divider;
});
var StyledStickyThead = (0, _styledComponents.default)(StyledThead).withConfig({
  displayName: "Thead__StyledStickyThead",
  componentId: "sc-ck14n6-1"
})(["border:0;th{position:sticky;top:0;z-index:1;background-color:", ";}th::before{left:0;width:100%;bottom:0;height:100%;content:'';position:absolute;border-bottom:1px solid ", ";}"], function (p) {
  return p.theme.color.card;
}, function (p) {
  return p.theme.color.divider;
});
var Thead = exports.Thead = function Thead(_ref) {
  var _ref$stickyHeader = _ref.stickyHeader,
    stickyHeader = _ref$stickyHeader === void 0 ? false : _ref$stickyHeader,
    children = _ref.children;
  return stickyHeader ? _react.default.createElement(StyledStickyThead, null, children) : _react.default.createElement(StyledThead, null, children);
};