import { ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByBreakpoints , ScaleByFactor , defaultHorizontalMarginByBreakpoints , } from '../../utils/responsive' ; export interface AtomMenuStyles { container : ViewStyle ; } export class AtomMenuResponsiveStyles extends ResponsiveStyleSheet < AtomMenuStyles > { public baseStyles ( _ , scaleByBreakpoints ) { return { container : { marginHorizontal : scaleByBreakpoints ( defaultHorizontalMarginByBreakpoints ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const atomMenuResponsiveStyles = new AtomMenuResponsiveStyles ( ) ;