import { styled } from '../styled';
import { RESERVED_CONTROL_BAR_SPACE } from './constants';
export const Wrapper = styled.div `
  position: relative;

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

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

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

  height: 100%;

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