"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.PinnedColumnsContainer = void 0;
const styled_1 = require("../../styled");
const constants_1 = require("../constants");
exports.PinnedColumnsContainer = styled_1.styled.div `
  overflow: auto;
  display: grid;
  grid-template-columns: ${({ $gridColumns }) => $gridColumns};

  width: 100%;
  height: 100%;

  & .${constants_1.dataGridClassnames.header} {
    padding-right: unset;
  }

  &.${constants_1.dataGridClassnames.disabled} {
    pointer-events: none;

    background: ${({ theme }) => theme.palette.background.element};
    /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
    mix-blend-mode: luminosity;
  }
`;
