import { StyleSheet , ViewStyle } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface SpacedRepetitionLessonScreenStyles { screen : ViewStyle ; container : ViewStyle ; } export class SpacedRepetitionLessonScreenResponsiveStyles extends ResponsiveStyleSheet < SpacedRepetitionLessonScreenStyles > { public baseStyles ( scaleByFactor ) { return { screen : { flex : 1 , borderTopWidth : StyleSheet . hairlineWidth , } , container : { flexGrow : 1 , paddingBottom : scaleByFactor ( 50 ) , } , } ; } public lightStyles ( ) { return { screen : { borderTopColor : config . styles . light . primaryBorderColor , } , } ; } public darkStyles ( ) { return { screen : { borderTopColor : config . styles . dark . primaryBorderColor , } , } ; } } export const spacedRepetitionLessonScreenResponsiveStyles = new SpacedRepetitionLessonScreenResponsiveStyles ( ) ;