import React from 'react' ; interface SizingModeStyle { video : React . CSSProperties ; overlay : React . CSSProperties ; container : React . CSSProperties ; manual : React . CSSProperties ; } export const expandToFillContainerStyle = { position : 'absolute' , width : '100%' , height : '100%' , top : 0 , bottom : 0 , left : 0 , right : 0 , } ; const containerMatchContentDimensionsStyle = { display : 'inline-block' , } ; export const containerSizingStyles = { video : containerMatchContentDimensionsStyle , overlay : containerMatchContentDimensionsStyle , container : null , manual : null , } ; export const pausedOverlayWrapperSizingStyles = { video : expandToFillContainerStyle , overlay : { position : 'relative' , } , container : expandToFillContainerStyle , manual : null , } ; export const videoSizingStyles = { video : { display : 'block' , width : '100%' , } , overlay : expandToFillContainerStyle , container : expandToFillContainerStyle , manual : null , } ;