import { ImageStyle , ViewStyle } from 'react-native' ; import { ResponsiveStyleSheet , ScaleByFactor } from '../../utils/responsive' ; export interface VocabularyDetailExtraFieldsStyles { speak_touchable : ViewStyle ; speaker_icon : ImageStyle ; activity_indicator : ViewStyle ; image : ImageStyle ; } export class VocabularyDetailExtraFieldsResponsiveStyles extends ResponsiveStyleSheet < VocabularyDetailExtraFieldsStyles > { public baseStyles ( scaleByFactor ) { return { speak_touchable : { flexDirection : 'row' , alignItems : 'center' , } , speaker_icon : { marginLeft : scaleByFactor ( 6 ) , } , activity_indicator : { marginLeft : scaleByFactor ( 6 ) , } , image : { width : scaleByFactor ( 100 ) , height : scaleByFactor ( 100 ) , } , } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export const vocabularyDetailExtraFieldsResponsiveStyles = new VocabularyDetailExtraFieldsResponsiveStyles ( ) ;