import { ImageStyle , ViewStyle } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface SelectableImageStyles { image_container : ViewStyle ; image : ImageStyle ; selected : ImageStyle ; } export class SelectableImageResponsiveStyles extends ResponsiveStyleSheet < SelectableImageStyles > { public baseStyles ( scaleByFactor ) { return { image_container : { } , image : { backgroundColor : '#ddd' , } , selected : { borderWidth : scaleByFactor ( 3 ) , borderColor : config . styles . primaryColor , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const selectableImageResponsiveStyles = new SelectableImageResponsiveStyles ( ) ;