import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface TranslateWithGoogleButtonStyles { translate_btn_container : ViewStyle ; translate_btn : ViewStyle ; translate_btn_text : TextStyle ; } export class TranslateWithGoogleButtonResponsiveStyles extends ResponsiveStyleSheet < TranslateWithGoogleButtonStyles > { public baseStyles ( scaleByFactor ) { return { translate_btn_container : { justifyContent : 'center' , alignItems : 'center' , } , translate_btn : { backgroundColor : '#ddd' , height : scaleByFactor ( 34 ) , borderRadius : scaleByFactor ( 17 ) , justifyContent : 'center' , alignItems : 'center' , margin : scaleByFactor ( 16 ) , } , translate_btn_text : { paddingHorizontal : scaleByFactor ( 16 ) , color : '#444' , fontSize : scaleByFactor ( 12 ) , fontWeight : 'bold' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const translateWithGoogleButtonResponsiveStyles = new TranslateWithGoogleButtonResponsiveStyles ( ) ;