package Ġt amil Ċ Ċ import ĠQuestion State Ċ import ĠT amil Level Ċ import Ġreact . R Builder Ċ import Ġreact . R Component Ċ import Ġreact . R Props Ċ import Ġreact . R State Ċ import Ġreact . React Element Ċ import Ġreact . key Ċ import Ġt amil . identify . t amil Level 1 Ċ import Ġt amil . identify . t amil Level 2 Ċ import Ġt amil . sound . t amil Level 3 Ċ Ċ external Ġinterface ĠT amil Letters Page Props Ġ: ĠR Props Ġ{ ĊĠĠĠ Ġvar Ġquestion State : ĠQuestion State ĊĠĠĠ Ġvar Ġon Show Answer Click : Ġ( Int ) Ġ-> ĠUnit ĊĠĠĠ Ġvar Ġon Previous Click : Ġ() Ġ-> ĠUnit ĊĠĠĠ Ġvar Ġon Next Click : Ġ() Ġ-> ĠUnit ĊĠĠĠ Ġvar Ġon Level Change Click : Ġ( T amil Level ) Ġ-> ĠUnit ĊĠĠĠ Ġvar Ġon Reload Click : Ġ() Ġ-> ĠUnit ĊĠĠĠ Ġvar Ġon Next Level Click : Ġ() Ġ-> ĠUnit Ċ } Ċ Ċ class ĠT amil Letters Page Ġ: ĠR Component < T amil Letters Page Props , ĠR State >() Ġ{ ĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġt amil Level DropDown Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġdisplay Value Ġ= Ġprops . question State . selected T amil Level . display Value ĊĠĠĠĠĠĠĠĠĠĠĠ Ġon Level Change Click Ġ= Ġprops . on Level Change Click ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġif Ġ( props . question State . timer State . time Ġ== Ġ 0 L ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġresults Page Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġquestion State Ġ= Ġprops . question State ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Reload Click Ġ= Ġprops . on Reload Click ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Next Level Click Ġ= Ġprops . onNext Level Click ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} Ġelse Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġwhen Ġ( props . question State . selected T amil Level ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ I Ġ-> Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġt amil Level 1 Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġquestion State Ġ= Ġprops . question State ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Show Answer Click Ġ= Ġprops . on Show Answer Click ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġkey Ġ= Ġprops . question State . t amil State . get Answer () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ II Ġ-> Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġt amil Level 2 Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġquestion State Ġ= Ġprops . question State ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Show Answer Click Ġ= Ġprops . on Show Answer Click ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġkey Ġ= Ġprops . question State . t amil State . get Answer () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ III Ġ-> Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġt amil Level 3 Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġquestion State Ġ= Ġprops . question State ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Next Click Ġ= Ġprops . onNext Click ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġnavigation Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġquestion State Ġ= Ġprops . question State ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Previous Click Ġ= Ġprops . on Previous Click ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Next Click Ġ= Ġprops . onNext Click ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ fun ĠR Builder . t amil Letters Page ( handler : ĠT amil Letters Page Props . () Ġ-> ĠUnit ): ĠReact Element Ġ{ ĊĠĠĠ Ġreturn Ġchild ( T amil Letters Page :: class ) Ġ{ ĊĠĠĠĠĠĠĠ Ġthis . attrs ( handler ) ĊĠĠĠ Ġ} Ċ } Ċ