import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface LevelNetChangeStyles { container : ViewStyle ; text : TextStyle ; text_green : TextStyle ; text_red : TextStyle ; } export class LevelNetChangeResponsiveStyles extends ResponsiveStyleSheet < LevelNetChangeStyles > { public baseStyles ( scaleByFactor ) { return { container : { flexDirection : 'row' , alignItems : 'center' , } , text : { fontSize : scaleByFactor ( 15 ) , color : '#666' , } , text_green : { color : '#3CB371' , } , text_red : { color : 'orangered' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const levelNetChangeResponsiveStyles = new LevelNetChangeResponsiveStyles ( ) ;