import { ImageStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface RatingStyles { container : ViewStyle ; icon_container : ViewStyle ; icon : ImageStyle ; } export class RatingResponsiveStyles extends ResponsiveStyleSheet < RatingStyles > { public baseStyles ( scaleByFactor ) { return { container : { flexDirection : 'row' , justifyContent : 'center' , alignItems : 'center' , } , icon_container : { } , icon : { marginHorizontal : scaleByFactor ( 3 ) , marginBottom : 1 , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const ratingResponsiveStyles = new RatingResponsiveStyles ( ) ;