import { styled } from 'styled-components';
import { cssClass } from '../../utils/css-class.js';

/**
 * @component
 * @private
 */
const TableHead = styled.thead.withConfig({
  displayName: "table-head__TableHead",
  componentId: "sc-1a6r2o1-0"
})(["background:rgba(0,0,0,0.01);& td,& a{color:", ";font-size:", ";font-weight:", ";text-decoration:none;white-space:nowrap;&:hover{text-decoration:none;}}"], ({
  theme
}) => theme.colors.text, ({
  theme
}) => theme.fontSizes.sm, ({
  theme
}) => theme.fontWeights.bold);
TableHead.defaultProps = {
  className: cssClass('TableHead')
};
export default TableHead;