import { Theme } from '@ulangi/ulangi-common/enums' ; import { ObservableScreenLayout } from '@ulangi/ulangi-observable' ; import { observer } from 'mobx-react' ; import * as React from 'react' ; import { Image , View } from 'react-native' ; import { Images } from '../../constants/Images' ; import { DefaultText } from '../common/DefaultText' ; import { SpacedRepetitionTitleStyles , spacedRepetitionTitleResponsiveStyles , } from './SpacedRepetitionTitle.style' ; export interface SpacedRepetitionTitleProps { theme : Theme ; screenLayout : ObservableScreenLayout ; } @ observer export class SpacedRepetitionTitle extends React . Component < SpacedRepetitionTitleProps > { public get styles ( ) : SpacedRepetitionTitleStyles { return spacedRepetitionTitleResponsiveStyles . compile ( this . props . screenLayout , this . props . theme ) ; } public render ( ) { return ( < View style = { this . styles . container } > < DefaultText style = { this . styles . title } > Spaced Repetition < /DefaultText> < DefaultText style = { this . styles . subtitle } > SCHEDULING SYSTEM < /DefaultText> < Image source = { Images . SPACED_REPETITION_30X30 } style = { this . styles . icon } / > < /View>); } }