package Ġcom . example Ċ Ċ import Ġpl . tre k soft . k vision . core . Background Ċ import Ġpl . tre k soft . k vision . core . Border Ċ import Ġpl . tre k soft . k vision . core . BorderStyle Ċ import Ġpl . tre k soft . k vision . core . Col Ċ import Ġpl . tre k soft . k vision . core . Style Ċ import Ġpl . tre k soft . k vision . core . style Ċ import Ġpl . tre k soft . k vision . core . Text Align Ċ import Ġpl . tre k soft . k vision . html . Div Ċ import Ġpl . tre k soft . k vision . html . image Ċ import Ġpl . tre k soft . k vision . panel . Dock Panel Ċ import Ġpl . tre k soft . k vision . panel . Side Ċ import Ġpl . tre k soft . k vision . utils . perc Ċ import Ġpl . tre k soft . k vision . utils . px Ċ Ċ val Ġpoke Box Style Ġ= ĠStyle Ġ{ ĊĠĠĠ Ġborder Ġ= ĠBorder ( 1 . px , ĠBorder Style . SOLID , ĠCol . GRAY ) ĊĠĠĠ Ġwidth Ġ= Ġ 2 0 0 . px ĊĠĠĠ Ġheight Ġ= Ġ 2 0 0 . px ĊĠĠĠ Ġmargin Ġ= Ġ 1 0 . px ĊĊĠĠĠ Ġstyle (" img ") Ġ{ ĊĠĠĠĠĠĠĠ ĠmarginTop Ġ= Ġ 3 0 . px ĊĠĠĠ Ġ} ĊĊĠĠĠ Ġstyle (" div . caption ") Ġ{ ĊĠĠĠĠĠĠĠ ĠtextAlign Ġ= ĠText Align . CENTER ĊĠĠĠĠĠĠĠ Ġbackground Ġ= ĠBackground ( Col . SIL VER ) ĊĠĠĠĠĠĠĠ Ġwidth Ġ= Ġ 1 0 0 . perc ĊĠĠĠ Ġ} Ċ } Ċ Ċ class ĠPo ke Box ( pokemon : ĠPokemon ) Ġ: ĠDock Panel () Ġ{ ĊĠĠĠ Ġinit Ġ{ ĊĠĠĠĠĠĠĠ Ġadd Css Style ( poke Box Style ) ĊĠĠĠĠĠĠĠ Ġimage ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// raw . githubusercontent . com / Po ke API / sprites / master / sprites / pokemon /${ pokemon . url . substring ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ 3 4 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpokemon . url . length Ġ- Ġ 1 ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) }. png ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcentered Ġ= Ġtrue ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ Ġadd ( Div ( pokemon . name . capitalize (), Ġclasses Ġ= Ġset Of (" caption ")), ĠSide . DOWN ) ĊĠĠĠ Ġ} Ċ } Ċ