import { Theme } from '@ulangi/ulangi-common/enums' ; import { ObservableScreenLayout } from '@ulangi/ulangi-observable' ; import * as changeCase from 'change-case' ; import * as React from 'react' ; import { View } from 'react-native' ; import { DefaultText } from '../common/DefaultText' ; import { LightBoxTitleStyles , lightBoxTitleResponsiveStyles , } from './LightBoxTitle.style' ; export interface LightBoxTitleProps { theme : Theme ; screenLayout : ObservableScreenLayout ; title : string ; } export class LightBoxTitle extends React . Component < LightBoxTitleProps > { public get styles ( ) : LightBoxTitleStyles { return lightBoxTitleResponsiveStyles . compile ( this . props . screenLayout , this . props . theme ) ; } public render ( ) { return ( < View style = { this . styles . title_container } > < DefaultText style = { this . styles . title_text } > { changeCase . upper ( this . props . title ) } < /DefaultText> < /View>); } }