import { ImageStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface VocabularyDetailPronunciationStyles { container : ViewStyle ; speak_touchable : ViewStyle ; speaker_icon : ImageStyle ; activity_indicator : ViewStyle ; } export class VocabularyDetailPronunciationResponsiveStyles extends ResponsiveStyleSheet < VocabularyDetailPronunciationStyles > { public baseStyles ( scaleByFactor ) { return { container : { marginTop : scaleByFactor ( 22 ) , } , speak_touchable : { flexDirection : 'row' , alignItems : 'center' , } , speaker_icon : { } , activity_indicator : { } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const vocabularyDetailPronunciationResponsiveStyles = new VocabularyDetailPronunciationResponsiveStyles ( ) ;