import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface LightBoxButtonListStyles { button_list_container : ViewStyle ; button_container : ViewStyle ; } export class LightBoxButtonListResponsiveStyles extends ResponsiveStyleSheet < LightBoxButtonListStyles > { public baseStyles ( scaleByFactor ) { return { button_list_container : { flexDirection : 'row' , alignSelf : 'stretch' , justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 8 ) , paddingBottom : scaleByFactor ( 12 ) , } , button_container : { paddingHorizontal : scaleByFactor ( 8 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const lightBoxButtonListResponsiveStyles = new LightBoxButtonListResponsiveStyles ( ) ;