import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByBreakpoints , ScaleByFactor , defaultHorizontalMarginByBreakpoints , } from '../../utils/responsive' ; export interface QuizMenuStyles { container : ViewStyle ; primary_button_container : ViewStyle ; secondary_button_container : ViewStyle ; } export class QuizMenuResponsiveStyles extends ResponsiveStyleSheet < QuizMenuStyles > { public baseStyles ( scaleByFactor , scaleByBreakpoints ) { return { container : { marginTop : scaleByFactor ( 42 ) , marginHorizontal : scaleByBreakpoints ( defaultHorizontalMarginByBreakpoints ) , } , primary_button_container : { marginHorizontal : scaleByFactor ( 5 ) , marginVertical : scaleByFactor ( 6 ) , } , secondary_button_container : { marginHorizontal : scaleByFactor ( 22 ) , marginVertical : scaleByFactor ( 6 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const quizMenuResponsiveStyles = new QuizMenuResponsiveStyles ( ) ;