import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByBreakpoints , ScaleByFactor , defaultHorizontalMarginByBreakpoints , } from '../../utils/responsive' ; export interface InputFieldStyles { input_container : ViewStyle ; input_field : TextStyle ; } export class InputFieldResponsiveStyles extends ResponsiveStyleSheet < InputFieldStyles > { public baseStyles ( scaleByFactor , scaleByBreakpoints ) { return { input_container : { } , input_field : { height : scaleByFactor ( 46 ) , borderRadius : scaleByFactor ( 4 ) , marginHorizontal : scaleByBreakpoints ( defaultHorizontalMarginByBreakpoints ) , marginVertical : scaleByFactor ( 2 ) , paddingHorizontal : scaleByFactor ( 16 ) , paddingVertical : scaleByFactor ( 14 ) , backgroundColor : '#eee' , color : '#545454' , fontSize : scaleByFactor ( 15 ) , fontWeight : '700' , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const inputFieldResponsiveStyles = new InputFieldResponsiveStyles ( ) ;