import { TextStyle , ViewStyle } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface AtomTimeStyles { container : ViewStyle ; time_text : TextStyle ; } export class AtomTimeResponsiveStyles extends ResponsiveStyleSheet < AtomTimeStyles > { public baseStyles ( scaleByFactor ) { return { container : { flexDirection : 'row' , justifyContent : 'center' , alignItems : 'center' , } , time_text : { color : config . atom . textColor , fontSize : scaleByFactor ( 34 ) , fontFamily : 'JosefinSans-Bold' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const atomTimeResponsiveStyles = new AtomTimeResponsiveStyles ( ) ;