import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface AtomTopBarStyles { container : ViewStyle ; button : ViewStyle ; score_container : ViewStyle ; score_text : TextStyle ; } export class AtomTopBarResponsiveStyles extends ResponsiveStyleSheet < AtomTopBarStyles > { public baseStyles ( scaleByFactor ) { return { container : { flexDirection : 'row' , justifyContent : 'space-between' , alignItems : 'center' , paddingVertical : scaleByFactor ( 16 ) , paddingHorizontal : scaleByFactor ( 16 ) , } , button : { } , score_container : { } , score_text : { fontFamily : 'JosefinSans-bold' , fontSize : 20 , color : '#efecca' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const atomTopBarResponsiveStyles = new AtomTopBarResponsiveStyles ( ) ;