import * as _ from 'lodash' ; import { StyleSheet } from 'react-native' ; import { config } from '../../constants/config' ; import { ResponsiveStyleSheet } from '../../utils/responsive' ; import { DefinitionItemResponsiveStyles , DefinitionItemStyles , } from './DefinitionItem.style' ; export interface VocabularyDetailDefinitionsStyles { } export class VocabularyDetailDefinitionsResponsiveStyles extends ResponsiveStyleSheet < VocabularyDetailDefinitionsStyles > { public baseStyles ( ) { return { } ; } public lightStyles ( ) { return { } ; } public darkStyles ( ) { return { } ; } } export class ExtendedDefinitionItemResponsiveStyles extends DefinitionItemResponsiveStyles { public lightStyles ( ) { return _ . merge ( { } , super . lightStyles ( ) , { item_container : { backgroundColor : config . styles . light . primaryBackgroundColor , borderTopWidth : 0 , borderBottomWidth : StyleSheet . hairlineWidth , borderBottomColor : config . styles . light . primaryBorderColor , } , } ) ; } public darkStyles ( ) { return _ . merge ( { } , super . darkStyles ( ) , { item_container : { backgroundColor : config . styles . dark . primaryBackgroundColor , borderTopWidth : 0 , borderBottomWidth : StyleSheet . hairlineWidth , borderBottomColor : config . styles . dark . primaryBorderColor , } , } ) ; } } export const vocabularyDetailDefinitionsResponsiveStyles = new VocabularyDetailDefinitionsResponsiveStyles ( ) ; export const definitionItemResponsiveStyles = new ExtendedDefinitionItemResponsiveStyles ( ) ;