import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface CreateFirstSetScreenStyles { screen : ViewStyle ; title_container : ViewStyle ; title_text : TextStyle ; } export class CreateFirstSetScreenResponsiveStyles extends ResponsiveStyleSheet < CreateFirstSetScreenStyles > { public baseStyles ( scaleByFactor ) { return { screen : { flex : 1 , } , title_container : { alignItems : 'center' , marginTop : scaleByFactor ( 20 ) , marginBottom : scaleByFactor ( 20 ) , } , title_text : { fontSize : scaleByFactor ( 20 ) , color : 'white' , fontWeight : 'bold' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const createFirstSetScreenResponsiveStyles = new CreateFirstSetScreenResponsiveStyles ( ) ;