import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface NoVocabularyStyles { scroll_view_container : ViewStyle ; animation_container : ViewStyle ; no_vocabulary_text : TextStyle ; } export class NoVocabularyResponsiveStyles extends ResponsiveStyleSheet < NoVocabularyStyles > { public baseStyles ( scaleByFactor ) { return { scroll_view_container : { flex : 1 , justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 16 ) , } , animation_container : { justifyContent : 'center' , alignItems : 'center' , } , no_vocabulary_text : { textAlign : 'center' , fontSize : scaleByFactor ( 15 ) , color : '#999' , lineHeight : scaleByFactor ( 19 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const noVocabularyResponsiveStyles = new NoVocabularyResponsiveStyles ( ) ;