import * as _ from 'lodash' ; import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; import { LightBoxContainerWithTitleResponsiveStyles , LightBoxContainerWithTitleStyles , } from '../light-box/LightBoxContainerWithTitle.style' ; export interface LevelBreakdownScreenStyles { screen : ViewStyle ; } export class LevelBreakdownScreenResponsiveStyles extends ResponsiveStyleSheet < LevelBreakdownScreenStyles > { public baseStyles ( ) { return { screen : { flex : 1 , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export class ExtendedLightBoxContainerWithTitleResponsiveStyles extends LightBoxContainerWithTitleResponsiveStyles { public baseStyles ( scaleByFactor ) { return _ . merge ( { } , super . baseStyles ( scaleByFactor ) , { light_box_container : { paddingVertical : 120 , } , } ) ; } } export const levelBreakdownScreenResponsiveStyles = new LevelBreakdownScreenResponsiveStyles ( ) ; export const lightBoxContainerWithTitleResponsiveStyles = new LightBoxContainerWithTitleResponsiveStyles ( ) ;