import { TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface SearchListStyles { no_results_container : ViewStyle ; no_results_text : TextStyle ; tip_container : ViewStyle ; tip : TextStyle ; center_activity_indicator : ViewStyle ; bottom_activity_indicator : ViewStyle ; list_container : ViewStyle ; list : ViewStyle ; } export class SearchListResponsiveStyles extends ResponsiveStyleSheet < SearchListStyles > { public baseStyles ( scaleByFactor ) { return { no_results_container : { flex : 1 , justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 16 ) , marginTop : - scaleByFactor ( 100 ) , } , no_results_text : { fontSize : scaleByFactor ( 15 ) , color : '#999' , paddingHorizontal : scaleByFactor ( 16 ) , textAlign : 'center' , } , tip_container : { flex : 1 , justifyContent : 'center' , alignItems : 'center' , paddingHorizontal : scaleByFactor ( 16 ) , marginTop : - scaleByFactor ( 100 ) , } , tip : { fontSize : scaleByFactor ( 15 ) , color : '#999' , paddingHorizontal : scaleByFactor ( 16 ) , textAlign : 'center' , lineHeight : scaleByFactor ( 19 ) , } , center_activity_indicator : { marginVertical : scaleByFactor ( 8 ) , } , bottom_activity_indicator : { marginTop : scaleByFactor ( 16 ) , } , list_container : { flex : 1 , } , list : { paddingTop : scaleByFactor ( 16 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const searchListResponsiveStyles = new SearchListResponsiveStyles ( ) ;