import { IStackStyles } from '@fluentui/react' ; import { IPalette , IStyle } from '@fluentui/react' ; const OVERLAY_BACKGROUND_ZINDEX = 0 ; const OVERLAY_CONTENT_ZINDEX = OVERLAY_BACKGROUND_ZINDEX + 1 ; private export const containerStyles = { root : { height : '100%' , width : '100%' , position : 'relative' } } ; private export const overlayBackgroundStyles = ( palette , isVideoReady ) => { return { position : 'absolute' , height : '100%' , width : '100%' , background : isVideoReady ? 'black' : palette . neutralLighterAlt , opacity : isVideoReady ? 0.6 : 1 , zIndex : OVERLAY_BACKGROUND_ZINDEX } ; } ; private export const overlayContentStyles = { height : '100%' , width : '100%' , zIndex : OVERLAY_CONTENT_ZINDEX } ; private export const videoTileStyles = { root : { height : '100%' , width : '100%' } } ;