import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface LevelSingleBarStyles { container : ViewStyle ; part : ViewStyle ; } export class LevelSingleBarResponsiveStyles extends ResponsiveStyleSheet < LevelSingleBarStyles > { public baseStyles ( scaleByFactor ) { return { container : { flex : 1 , flexDirection : 'row' , overflow : 'hidden' , } , part : { height : scaleByFactor ( 10 ) , borderRadius : scaleByFactor ( 5 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const levelSingleBarResponsiveStyles = new LevelSingleBarResponsiveStyles ( ) ;