import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface WelcomeScreenStyles { screen : ViewStyle ; container : ViewStyle ; logo_container : ViewStyle ; title_container : ViewStyle ; title : TextStyle ; yes_btn : ViewStyle ; yes_btn_text : TextStyle ; no_btn : ViewStyle ; no_text : TextStyle ; } export class WelcomeScreenResponsiveStyles extends ResponsiveStyleSheet < WelcomeScreenStyles > { public baseStyles ( scaleByFactor ) { return { screen : { flex : 1 , } , container : { flex : 1 , } , logo_container : { marginTop : scaleByFactor ( 20 ) , } , title_container : { marginTop : scaleByFactor ( 30 ) , flex : 1 , justifyContent : 'center' , alignItems : 'center' , } , title : { textAlign : 'center' , fontSize : scaleByFactor ( 18 ) , fontWeight : 'bold' , color : 'white' , } , yes_btn : { backgroundColor : '#64d392' , } , yes_btn_text : { color : '#fff' , } , no_btn : { marginTop : scaleByFactor ( 10 ) , marginBottom : scaleByFactor ( 20 ) , } , no_text : { } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const welcomeScreenResponsiveStyles = new WelcomeScreenResponsiveStyles ( ) ;