"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ScrollContainer = exports.PDFViewerContainer = exports.Wrapper = void 0;
const styled_1 = require("../styled");
const constants_1 = require("./constants");
exports.Wrapper = styled_1.styled.div `
  position: relative;

  height: 100%;
`;
exports.PDFViewerContainer = styled_1.styled.div `
  height: 100%;
  padding-right: ${({ $isViewerLite, $enabledZoom }) => $isViewerLite || !$enabledZoom ? '0' : `${constants_1.RESERVED_CONTROL_BAR_SPACE}px`};

  ${({ theme }) => theme.breakpoints.down('sm')} {
    padding-right: 0;
  }
`;
exports.ScrollContainer = styled_1.styled.div `
  scrollbar-gutter: stable;

  overflow: ${({ $isViewerLite, $enabledZoom }) => $isViewerLite || !$enabledZoom ? 'unset' : 'auto'};

  height: 100%;

  ${({ theme }) => theme.breakpoints.down('sm')} {
    scrollbar-gutter: unset;
  }
`;
