import { ViewStyle } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface BrowserScreenStyles { screen : ViewStyle ; loading_view : ViewStyle ; spinner : ViewStyle ; } export class BrowserScreenResponsiveStyles extends ResponsiveStyleSheet < BrowserScreenStyles > { public baseStyles ( scaleByFactor ) { return { screen : { flex : 1 , } , loading_view : { position : 'absolute' , height : '100%' , width : '100%' , } , spinner : { marginVertical : scaleByFactor ( 16 ) , } , } ; } public lightStyles ( ) { return { loading_view : { backgroundColor : config . styles . light . primaryBackgroundColor , } , } ; } public darkStyles ( ) { return { loading_view : { backgroundColor : config . styles . dark . primaryBackgroundColor , } , } ; } } export const browserScreenResponsiveStyles = new BrowserScreenResponsiveStyles ( ) ;