import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface LightBoxDialogScreenStyles { screen : ViewStyle ; light_box_container : ViewStyle ; inner_container : ViewStyle ; } export class LightBoxDialogScreenResponsiveStyles extends ResponsiveStyleSheet < LightBoxDialogScreenStyles > { public baseStyles ( scaleByFactor ) { return { screen : { flex : 1 , } , light_box_container : { justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 16 ) , } , inner_container : { flexShrink : 1 , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const lightBoxDialogScreenResponsiveStyles = new LightBoxDialogScreenResponsiveStyles ( ) ;