// Calculate height without padding.
export function innerHeight(el: HTMLElement) {
  const style = window.getComputedStyle(el, null);
  // Hidden iframe in Firefox returns null, https://github.com/malte-wessel/react-textfit/pull/34
  if (!style) return el.clientHeight;
  return (
    el.clientHeight -
    parseInt(style.getPropertyValue('padding-top'), 10) -
    parseInt(style.getPropertyValue('padding-bottom'), 10)
  );
}

// Calculate width without padding.
export function innerWidth(el: HTMLElement) {
  const style = window.getComputedStyle(el, null);
  // Hidden iframe in Firefox returns null, https://github.com/malte-wessel/react-textfit/pull/34
  if (!style) return el.clientWidth;
  return (
    el.clientWidth -
    parseInt(style.getPropertyValue('padding-left'), 10) -
    parseInt(style.getPropertyValue('padding-right'), 10)
  );
}