import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface VocabularyLoadingMessageStyles { loading_container : ViewStyle ; loading_text : TextStyle ; } export class VocabularyLoadingMessageResponsiveStyles extends ResponsiveStyleSheet < VocabularyLoadingMessageStyles > { public baseStyles ( scaleByFactor ) { return { loading_container : { flex : 1 , justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 16 ) , } , loading_text : { fontSize : scaleByFactor ( 16 ) , color : '#999' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const vocabularyLoadingMessageResponsiveStyles = new VocabularyLoadingMessageResponsiveStyles ( ) ;