All files / src/logic getAspectRatio.js

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
 
 
 
 
 
 
 
 
 
 
 
28x
28x
28x
 
 
 
 
 
28x
 
 
 
 
 
// @flow
 
export default function getAspectRatio({
  height = 0,
  width = 0,
  applyAspectRatio,
}: {
  height?: number,
  width?: number,
  applyAspectRatio?: boolean,
}) {
  const aspectRatio = parseInt(height, 10) / parseInt(width, 10);
  const shouldUseAspectRatio = applyAspectRatio && !Number.isNaN(aspectRatio);
  const aspectRatioStyle = {
    position: 'relative',
    display: 'block',
    paddingBottom: shouldUseAspectRatio ? `${Math.abs(aspectRatio * 100)}%` : '',
  };
 
  return {
    shouldUseAspectRatio,
    aspectRatioStyle,
  };
}