import styled, { css } from 'styled-components';
import { selectors } from '@defencedigital/design-tokens';
var fontSize = selectors.fontSize,
  spacing = selectors.spacing;
export var StyledTableColumn = styled.th.withConfig({
  displayName: "StyledTableColumn",
  componentId: "sc-1w697vx-0"
})(["padding:", " ", ";text-align:left;font-size:", ";font-weight:600;text-transform:uppercase;", " & svg{position:relative;top:2px;left:", ";width:", ";height:", ";}"], spacing('8'), spacing('4'), fontSize('s'), function (_ref) {
  var $isSortable = _ref.$isSortable;
  return $isSortable && css(["cursor:pointer;"]);
}, spacing('2'), spacing('6'), spacing('6'));