import { ViewStyle } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet } from '../../utils/responsive' ; export interface SearchBarStyles { container : ViewStyle ; } export class SearchBarResponsiveStyles extends ResponsiveStyleSheet < SearchBarStyles > { public baseStyles ( ) { return { container : { borderBottomWidth : 1 , } , } ; } public lightStyles ( ) { return { container : { borderBottomColor : config . styles . light . primaryBorderColor , } , } ; } public darkStyles ( ) { return { container : { borderBottomColor : config . styles . dark . primaryBorderColor , } , } ; } } export const searchBarResponsiveStyles = new SearchBarResponsiveStyles ( ) ;