import Ġkotlinx . html . DIV Ċ import Ġreact . dom . R DOM Builder Ċ import Ġreact . dom . div Ċ import Ġreact . fc Ċ Ċ val Ġboard Ġ= Ġfc < Board Props > Ġ{ Ġprops Ġ-> ĊĠ Ġdiv Ġ{ ĊĠĠĠ Ġdiv ( classes Ġ= Ġ" board - row ") Ġ{ ĊĠĠĠĠĠ Ġfor Ġ( i Ġin Ġ 0 .. 2 ) Ġrender Square ( props , Ġi ) ĊĠĠĠ Ġ} ĊĠĠĠ Ġdiv ( classes Ġ= Ġ" board - row ") Ġ{ ĊĠĠĠĠĠ Ġfor Ġ( i Ġin Ġ 3 .. 5 ) Ġrender Square ( props , Ġi ) ĊĠĠĠ Ġ} ĊĠĠĠ Ġdiv ( classes Ġ= Ġ" board - row ") Ġ{ ĊĠĠĠĠĠ Ġfor Ġ( i Ġin Ġ 6 .. 8 ) Ġrender Square ( props , Ġi ) ĊĠĠĠ Ġ} ĊĠ Ġ} Ċ } Ċ Ċ private Ġfun ĠR DOM Builder < DIV >. render Square ( props : ĠBoard Props , Ġi : ĠInt ) Ġ{ ĊĠ Ġchild ( square ) Ġ{ ĊĠĠĠ Ġattrs Ġ{ ĊĠĠĠĠĠ Ġvalue Ġ= Ġprops . squares [ i ] ĊĠĠĠĠĠ ĠonClick Ġ= Ġ{ Ġprops . onClick ( i ) Ġ} ĊĠĠĠ Ġ} ĊĠ Ġ} Ċ } Ċ