import { StyleSheet , TextStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByBreakpoints , ScaleByFactor , } from '../../utils/responsive' ; export interface ManageScreenStyles { screen : ViewStyle ; bulk_action_bar_container : ViewStyle ; floating_action_button : TextStyle ; syncing_notice : TextStyle ; } export class ManageScreenResponsiveStyles extends ResponsiveStyleSheet < ManageScreenStyles > { public baseStyles ( scaleByFactor , _ , layout ) { return { screen : { flex : 1 , } , bulk_action_bar_container : { position : 'absolute' , left : 0 , bottom : 0 , } , floating_action_button : { position : 'absolute' , right : scaleByFactor ( 14 ) , bottom : scaleByFactor ( 14 ) , } , syncing_notice : { position : 'absolute' , bottom : scaleByFactor ( 16 ) , flexDirection : 'row' , justifyContent : 'center' , left : ( layout . width - scaleByFactor ( 120 ) ) / 2 , width : scaleByFactor ( 120 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { screen : { borderTopWidth : StyleSheet . hairlineWidth , borderTopColor : '#131313' , } , } ; } } export const manageScreenResponsiveStyles = new ManageScreenResponsiveStyles ( ) ;