@ntragas/pouncejstest/dist/cjs/components/Table/TableHeaderCell.js

A collection of UI components from Panther labs

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

exports.__esModule = true;
exports.default = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));

var _react = _interopRequireDefault(require("react"));

var _Box = _interopRequireDefault(require("../Box"));

var _Table = require("./Table");

var TableHeaderCell = /*#__PURE__*/_react.default.forwardRef(function TableHeaderCell(_ref, ref) {
  var _ref$align = _ref.align,
      align = _ref$align === void 0 ? 'left' : _ref$align,
      sortDir = _ref.sortDir,
      rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["align", "sortDir"]);

  var _useTable = (0, _Table.useTable)(),
      size = _useTable.size,
      stickyHeader = _useTable.stickyHeader;

  return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
    as: "th",
    role: "columnheader",
    ref: ref,
    p: size === 'medium' ? 4 : 2,
    fontWeight: "medium",
    textTransform: "uppercase",
    fontSize: "small",
    textAlign: align,
    "aria-sort": sortDir ? sortDir : undefined,
    position: stickyHeader ? 'sticky' : undefined,
    top: stickyHeader ? 0 : undefined,
    backgroundColor: stickyHeader ? 'navyblue-300' : 'inherit',
    verticalAlign: "middle"
  }, rest));
});

var _default = /*#__PURE__*/_react.default.memo(TableHeaderCell);

exports.default = _default;