"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledScrollToTopButton = exports.Backdrop = exports.FooterRow = exports.DisabledDataGridWrapper = exports.DataGridWrapper = void 0;
const ScrollToTopButton_1 = require("../ScrollToTopButton");
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.DataGridWrapper = styled_1.styled.div `
  position: relative;

  display: flex;
  flex-direction: column;

  height: 100%;
`;
exports.DisabledDataGridWrapper = (0, styled_1.styled)(exports.DataGridWrapper) `
  pointer-events: none;

  background: ${({ theme }) => theme.palette.background.element};
  /* stylelint-disable-next-line plugin/no-unsupported-browser-features */
  mix-blend-mode: luminosity;
`;
exports.FooterRow = styled_1.styled.footer `
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;

  min-height: 68px;
`;
exports.Backdrop = styled_1.styled.div `
  position: absolute;
  top: 0;

  width: 100%;
  height: 100%;

  opacity: 0.3;
  background-color: ${({ theme }) => theme.palette.background.element};
`;
exports.StyledScrollToTopButton = (0, styled_1.styled)(ScrollToTopButton_1.ScrollToTopButton) `
  display: none;

  &.${constants_1.dataGridInfiniteClassnames.visibleScrollToTopButton} {
    display: inline-flex;
  }
`;
