package Ġt amil Ċ Ċ import ĠT amil Level Ċ import Ġcomponents . dropdown Ċ import Ġreact . R Builder Ċ import Ġreact . R Component Ċ import Ġreact . R Props Ċ import Ġreact . R State Ċ import Ġreact . React Element Ċ import Ġreact . setState Ċ import Ġstyled . css Ċ import Ġstyled . styled Div Ċ Ċ external Ġinterface ĠT amil Level DropDown Props Ġ: ĠR Props Ġ{ ĊĠĠĠ Ġvar Ġdisplay Value : ĠString ĊĠĠĠ Ġvar Ġon Level Change Click : Ġ( T amil Level ) Ġ-> ĠUnit Ċ } Ċ Ċ class ĠT amil Level DropDown Ġ: ĠR Component < T amil Level DropDown Props , ĠR State >() Ġ{ ĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġstyled Div Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġclasses Ġ= Ġmutable ListOf (" btn - group Ġp - 2 Ġw - 1 0 0 ") ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġdropdown Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġid Ġ= Ġ" T amil Level " ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġnames Ġ= ĠlistOf ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠlistOf ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ I . display Value , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ II . display Value , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠT amil Level . LEVEL _ III . display Value ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġselected Name Ġ= Ġprops . display Value ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġon Dropdown Click Ġ= Ġ{ Ġ_, Ġname Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠsetState Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġprops . on Level Change Click ( T amil Level . from Display Value ( name )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ fun ĠR Builder . t amil Level DropDown ( handler : ĠT amil Level DropDown Props . () Ġ-> ĠUnit ): ĠReact Element Ġ{ ĊĠĠĠ Ġreturn Ġchild ( T amil Level DropDown :: class ) Ġ{ ĊĠĠĠĠĠĠĠ Ġthis . attrs ( handler ) ĊĠĠĠ Ġ} Ċ } Ċ