package Ġcom . github . on ot ol iy . kotlin x . material ui . design Ċ Ċ import Ġcom . github . on ot ol iy . kotlin x . material ui .* Ċ import Ġkotlinx . css .* Ċ import Ġorg . w 3 c . dom . events . Event Ċ import Ġreact . R Builder Ċ import Ġstyled . Styled Handler Ċ import Ġstyled . css Ċ Ċ // ĠÐŀ Ð± ÐµÑĢ ÑĤ ÐºÐ° ĠÑģÑĤ Ð¸ Ð»Ñı Ð¼Ð¸ ĠÐ´Ð»Ñı ĠMaterial ĠUI ĠTabs Ċ enum Ġclass ĠA DT abs Size ( val Ġheight : ĠInt , Ġval ĠfontSize : ĠInt ) Ġ{ ĊĠĠĠ ĠLarge ( 3 4 , Ġ 1 8 ), ĊĠĠĠ ĠMedium ( 2 8 , Ġ 1 6 ), ĊĠĠĠ ĠSmall ( 2 2 , Ġ 1 2 ) Ċ } Ċ Ċ fun ĠR Builder . ad Tabs ( ĊĠĠĠ Ġvalue : ĠAny Ġ= Ġfalse , ĊĠĠĠ ĠonChange : Ġ( event : ĠEvent , Ġindex Value : ĠAny ) Ġ-> ĠUnit , ĊĠĠĠ Ġsize : ĠA DT abs Size Ġ= ĠA DT abs Size . Large , ĊĠĠĠ Ġmargin : ĠString Ġ= Ġ" 0 Ġ 0 Ġ 1 6 px Ġ 0 ", ĊĠĠĠ Ġhandler : ĠStyled Handler < MT abs Props > Ċ ) Ġ{ ĊĠĠĠ Ġm Tabs ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġvalue , ĊĠĠĠĠĠĠĠĠĠĠĠ ĠonChange Ġ= ĠonChange , ĊĠĠĠĠĠĠĠĠĠĠĠ ĠtextColor Ġ= ĠM Tab TextColor . primary , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġindicator Color Ġ= ĠM Tab Indicator Color . primary ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġspecific Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠminHeight Ġ= Ġ 0 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight Ġ= Ġsize . height . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġthis . margin Ġ= Ġmargin ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġhandler () ĊĠĠĠ Ġ} Ċ } Ċ Ċ fun ĠR Builder . ad Tab ( ĊĠĠĠ Ġlabel : ĠString , ĊĠĠĠ Ġvalue : ĠAny , ĊĠĠĠ Ġsize : ĠA DT abs Size Ġ= ĠA DT abs Size . Large Ċ ) Ġ{ ĊĠĠĠ Ġm Tab ( label , Ġvalue ) Ġ{ ĊĠĠĠĠĠĠĠ Ġcss Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġspecific Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠminHeight Ġ= Ġ 0 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Transform Ġ= ĠText Transform . none ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠminWidth Ġ= Ġ 0 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpadding Bottom Ġ= Ġ 0 . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpadding Top Ġ= Ġ 0 . px ĊĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠfontSize Ġ= Ġsize . fontSize . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġheight Ġ= Ġsize . height . px ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠAD Color . Gray Cloud . hex () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ