const borderSizeSmall = '1px';
const borderSize = '2px';
const borderSizeLarge = '3px';
const borderRadius = '.2rem';
const smPaddingX = '.75rem';
const smPaddingY = '.3rem';
const mdPaddingY = '.45rem';
const mdPaddingX = '1rem';
const lgPaddingX = '1.25rem';
const lgPaddingY = '0.6rem';
const jumboPaddingY = '1.5rem';

const whiteboardToolbarPadding = '.5rem';
const minModalHeight = '20rem';
const descriptionMargin = '3.5rem';
const navbarHeight = '3.9375rem';
const barsPadding = '0.8rem'; // so user-list and chat title is aligned with the presentation title
const pollHeaderOffset = '-0.875rem';
const toastContentWidth = '98%';
const modalMargin = '3rem';
const titlePositionLeft = '2.2rem';
const userIndicatorsOffset = '-5px';
const indicatorPadding = '.45rem'; // used to center presenter indicator icon in Chrome / Firefox / Edge
const chatPollMarginSm = '.5rem';

const talkerBorderRadius = '2rem';
const talkerPaddingXsm = '.13rem';
const talkerPaddingLg = '.75rem';
const talkerPaddingXl = '1.62rem';
const talkerMaxWidth = '10rem';
const talkerMarginSm = '.5rem';
const spokeOpacity = '.5';

export {
  borderSizeSmall,
  borderSize,
  borderSizeLarge,
  borderRadius,
  smPaddingX,
  smPaddingY,
  mdPaddingX,
  mdPaddingY,
  lgPaddingX,
  lgPaddingY,
  jumboPaddingY,
  whiteboardToolbarPadding,
  minModalHeight,
  descriptionMargin,
  navbarHeight,
  barsPadding,
  pollHeaderOffset,
  toastContentWidth,
  modalMargin,
  titlePositionLeft,
  userIndicatorsOffset,
  indicatorPadding,
  chatPollMarginSm,
  talkerBorderRadius,
  talkerPaddingXsm,
  talkerPaddingLg,
  talkerMaxWidth,
  talkerMarginSm,
  spokeOpacity,
  talkerPaddingXl,
};