"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Th = void 0;

var _styledComponents = _interopRequireDefault(require("styled-components"));

var _reactSuperResponsiveTable = require("react-super-responsive-table");

var _branding = require("../../../../mixins/branding");

var _breakpoints = require("../../../../breakpoints");

var _table = require("../table.css-rules");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

var Th = (0, _styledComponents["default"])(_reactSuperResponsiveTable.Th).withConfig({
  displayName: "Th",
  componentId: "sc-19rhmpm-0"
})(["text-align:left;padding:", ";border-bottom:solid 1px ", ";font-weight:normal;@media (max-width:", "){display:block;padding:", ";}"], _table.getCellPaddingDesktop, (0, _branding.getPaletteColor)('greyscale-light'), _breakpoints.bpLarge, _table.getCellPaddingMobile);
exports.Th = Th;
Th.displayName = 'Th';