18 lines
378 B
JavaScript
18 lines
378 B
JavaScript
import React from 'react';
|
|
|
|
export default (props) => {
|
|
let height = 100;/* Percentage of width */
|
|
|
|
//TODO: Add more methods of resizing this box.
|
|
if(props.ratioWidth && props.ratioHeight) {
|
|
height = 100 / props.ratioWidth * props.ratioHeight;
|
|
}
|
|
|
|
//Box Sizer
|
|
return (
|
|
<div className="o-box-sizer" style={{
|
|
paddingBottom: height + '%'
|
|
}} />
|
|
);
|
|
};
|