package Ġevents Ċ Ċ import Ġkotlinx . css .* Ċ import Ġreact . R Builder Ċ import Ġreact . R Component Ċ import Ġreact . R Props Ċ import Ġreact . R State Ċ import Ġreact . dom . div Ċ import Ġreact . dom . img Ċ import Ġstyled . StyleSheet Ċ import Ġstyled . css Ċ import Ġstyled . styled Img Ċ import Ġstyled . styled Li Ċ Ċ interface ĠEvent ComponentProps Ġ: ĠR Props Ġ{ ĊĠĠĠ Ġvar Ġevent : ĠEvent Ċ } Ċ Ċ object ĠEvent Component Style Ġ: ĠStyleSheet (" Event Component Style ", Ġis Static Ġ= Ġtrue ) Ġ{ ĊĠĠĠ Ġval Ġli Ġby Ġcss Ġ{ ĊĠĠĠĠĠĠĠ Ġpadding ( 1 0 . px ) ĊĠĠĠĠĠĠĠ Ġmargin ( 1 0 . px ) ĊĠĠĠĠĠĠĠ ĠbackgroundColor Ġ= ĠColor ("# F 1 F 1 F 1 ") ĊĠĠĠĠĠĠĠ ĠborderRadius Ġ= Ġ 3 . px ĊĠĠĠ Ġ} Ċ } Ċ Ċ class ĠEvent Component Ġ: ĠR Component < Event ComponentProps , ĠR State >() Ġ{ ĊĠĠĠ Ġoverride Ġfun ĠR Builder . render () Ġ{ ĊĠĠĠĠĠĠĠ Ġstyled Li Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ Event Component Style . li ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyled Img ( src Ġ= Ġprops . event . image ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġwidth Ġ= Ġ 1 5 0 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠborderRadius Ġ= Ġ 3 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġdiv Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ+ props . event . label ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ Ċ } Ċ Ċ fun ĠR Builder . event ( event : ĠEvent ) Ġ= Ġchild ( Event Component :: class ) Ġ{ ĊĠĠĠ Ġattrs . event Ġ= Ġevent Ċ }