"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Wrapper = void 0;
const HintIcon_1 = require("../../HintIcon");
const styled_1 = require("../../styled");
const constants_1 = require("./constants");
exports.Wrapper = styled_1.styled.div `
  --grid-column-start: 0;
  --grid-column-end: 0;

  cursor: initial;
  user-select: none;

  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: flex-start;

  height: 40px;
  padding: ${({ theme }) => theme.spacing(1, 2)};

  color: ${({ theme }) => theme.palette.grey[700]};

  > svg:last-child {
    width: 16px;
    height: 16px;
  }

  &.${constants_1.headCellClassnames.sortable} {
    cursor: pointer;
  }

  &.${constants_1.headCellClassnames.hasStartAdornment} {
    padding: ${({ theme }) => theme.spacing(1, 2, 1, 0)};
  }

  &.${constants_1.headCellClassnames.alignCenter} {
    justify-content: center;
  }

  &.${constants_1.headCellClassnames.alignRight} {
    justify-content: flex-end;
  }

  .${HintIcon_1.hintIconClassnames.iconWrapper}  {
    margin-right: ${({ theme }) => theme.spacing(1)};
  }
`;
