import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByBreakpoints , ScaleByFactor , defaultHorizontalMarginByBreakpoints , } from '../../utils/responsive' ; export interface LightBoxActionMenuScreenStyles { screen : ViewStyle ; light_box_container : ViewStyle ; inner_container : ViewStyle ; } export class LightBoxActionMenuScreenResponsiveStyles extends ResponsiveStyleSheet < LightBoxActionMenuScreenStyles > { public baseStyles ( _ , scaleByBreakpoints ) { return { screen : { flex : 1 , } , light_box_container : { justifyContent : 'center' , paddingVertical : 150 , paddingHorizontal : scaleByBreakpoints ( defaultHorizontalMarginByBreakpoints ) , } , inner_container : { flexShrink : 1 , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const lightBoxActionMenuScreenResponsiveStyles = new LightBoxActionMenuScreenResponsiveStyles ( ) ;