/* Ċ Ġ* ĠCopyright Ġ 2 0 2 1 ĠThe ĠAndroid ĠOpen ĠSource ĠProject Ċ Ġ* Ċ Ġ* ĠLicensed Ġunder Ġthe ĠApache ĠLicense , ĠVersion Ġ 2 . 0 Ġ( the Ġ" License "); Ċ Ġ* Ġyou Ġmay Ġnot Ġuse Ġthis Ġfile Ġexcept Ġin Ġcompliance Ġwith Ġthe ĠLicense . Ċ Ġ* ĠYou Ġmay Ġobtain Ġa Ġcopy Ġof Ġthe ĠLicense Ġat Ċ Ġ* Ċ Ġ* ĠĠĠĠ Ġhttps :// www . apache . org / licenses / LICENSE - 2 . 0 Ċ Ġ* Ċ Ġ* ĠUnless Ġrequired Ġby Ġapplicable Ġlaw Ġor Ġagreed Ġto Ġin Ġwriting , Ġsoftware Ċ Ġ* Ġdistributed Ġunder Ġthe ĠLicense Ġis Ġdistributed Ġon Ġan Ġ" AS ĠIS " ĠBASIS , Ċ Ġ* ĠWITHOUT ĠWARRANTIES ĠOR ĠCONDITIONS ĠOF ĠANY ĠKIND , Ġeither Ġexpress Ġor Ġimplied . Ċ Ġ* ĠSee Ġthe ĠLicense Ġfor Ġthe Ġspecific Ġlanguage Ġgoverning Ġpermissions Ġand Ċ Ġ* Ġlimitations Ġunder Ġthe ĠLicense . Ċ Ġ*/ Ċ package Ġcom . example . android dev challenge . ui . screens Ċ Ċ import Ġandroidx . compose . foundation . Border Stroke Ċ import Ġandroidx . compose . foundation . Image Ċ import Ġandroidx . compose . foundation . horizontal Scroll Ċ import Ġandroidx . compose . foundation . layout . Arrange ment Ċ import Ġandroidx . compose . foundation . layout . Column Ċ import Ġandroidx . compose . foundation . layout . Row Ċ import Ġandroidx . compose . foundation . layout . Spacer Ċ import Ġandroidx . compose . foundation . layout . fill Max Height Ċ import Ġandroidx . compose . foundation . layout . fill Max Width Ċ import Ġandroidx . compose . foundation . layout . height Ċ import Ġandroidx . compose . foundation . layout . padding Ċ import Ġandroidx . compose . foundation . layout . padding From Baseline Ċ import Ġandroidx . compose . foundation . layout . size Ċ import Ġandroidx . compose . foundation . layout . width Ċ import Ġandroidx . compose . foundation . lazy . Lazy Column Ċ import Ġandroidx . compose . foundation . lazy . items Ċ import Ġandroidx . compose . foundation . remember Scroll State Ċ import Ġandroidx . compose . foundation . shape . Rounded Corner Shape Ċ import Ġandroidx . compose . material . Bottom Sheet Sca ffold Ċ import Ġandroidx . compose . material . Button Ċ import Ġandroidx . compose . material . Button Defaults Ċ import Ġandroidx . compose . material . Divider Ċ import Ġandroidx . compose . material . Icon Ċ import Ġandroidx . compose . material . Material Theme Ċ import Ġandroidx . compose . material . Outlined Button Ċ import Ġandroidx . compose . material . Surface Ċ import Ġandroidx . compose . material . Text Ċ import Ġandroidx . compose . material . icons . Icons Ċ import Ġandroidx . compose . material . icons . outlined . Expand More Ċ import Ġandroidx . compose . runtime . Composable Ċ import Ġandroidx . compose . ui . Alignment Ċ import Ġandroidx . compose . ui . Modifier Ċ import Ġandroidx . compose . ui . res . p ainter Resource Ċ import Ġandroidx . compose . ui . tool ing . preview . Preview Ċ import Ġandroidx . compose . ui . unit . dp Ċ import Ġcom . example . android dev challenge . R Ċ import Ġcom . example . android dev challenge . ui . theme . E lev ations Ċ import Ġcom . example . android dev challenge . ui . theme . Theme Ċ import Ġcom . example . android dev challenge . ui . theme . green Custom Ċ import Ġcom . example . android dev challenge . ui . theme . red Custom Ċ Ċ @ Composable Ċ fun ĠHome () Ġ{ ĊĠĠĠ ĠHome Content () Ċ } Ċ Ċ @ Composable Ċ fun ĠHome Content () Ġ{ ĊĠĠĠ ĠSurface ( color Ġ= ĠMaterial Theme . colors . background ) Ġ{ ĊĠĠĠĠĠĠĠ ĠBottom Sheet Sca ffold ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġsheet Shape Ġ= ĠRo unded Corner Shape ( 0 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġsheet Peek Height Ġ= Ġ 6 4 . dp , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġsheet Content Ġ= Ġ{ ĠBottom Sheet Content () Ġ} ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠColumn ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġhorizontal Alignment Ġ= ĠAlignment . Center H orizontally ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠTab Selector () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ" Balance ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . subtitle 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 3 2 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ"$ 7 3 , 5 8 9 . 0 1 ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 4 8 . dp , Ġbottom Ġ= Ġ 2 4 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ"+ 4 1 2 . 3 5 Ġtoday ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . subtitle 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . green Custom , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 1 6 . dp , Ġbottom Ġ= Ġ 3 2 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠButton ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠonClick Ġ= Ġ{}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolors Ġ= ĠButton Defaults . button Colors ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠbackgroundColor Ġ= ĠMaterial Theme . colors . primary ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġshape Ġ= ĠMaterial Theme . shapes . large , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġelevation Ġ= ĠButton Defaults . elevation ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. height ( 4 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. fill Max Width () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ" TRAN SA CT ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . button , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Primary , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠSp acer ( Modifier . height ( 1 6 . dp )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠGraph Type () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠSp acer ( Modifier . height ( 1 6 . dp )) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠImage ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġpainter Ġ= Ġpainter Resource ( R . drawable . ic _ home _ il los ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠSp acer ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. height ( 3 2 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Composable Ċ fun ĠTab Selector () Ġ{ ĊĠĠĠ ĠRow ( ĊĠĠĠĠĠĠĠ Ġhorizontal Arrange ment Ġ= ĠArrange ment . Space Between , ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. fill Max Width () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( horizontal Ġ= Ġ 1 6 . dp ) ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" ACCOUNT ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . button , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 6 4 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" WATCH LIST ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . button , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background . copy ( alpha Ġ= Ġ 0 . 5 f ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 6 4 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" PROFILE ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . button , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background . copy ( alpha Ġ= Ġ 0 . 5 f ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 6 4 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Composable Ċ fun ĠGraph Type () Ġ{ ĊĠĠĠ ĠRow ( ĊĠĠĠĠĠĠĠ Ġhorizontal Arrange ment Ġ= ĠArrange ment . spaced By ( 8 . dp ), ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . horizontal Scroll ( remember Scroll State ()) ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ ĠSp acer ( Modifier . width ( 8 . dp )) ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" Week ", Ġdrop Down Ġ= Ġtrue ) ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" ET Fs ") ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" Sto cks ") ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" Funds ") ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" C urrencies ") ĊĠĠĠĠĠĠĠ ĠGraph Type Item ( name Ġ= Ġ" Mark ets ") ĊĠĠĠĠĠĠĠ ĠSp acer ( Modifier . width ( 8 . dp )) ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Composable Ċ fun ĠGraph Type Item ( name : ĠString , Ġdrop Down : ĠBoolean Ġ= Ġfalse ) Ġ{ ĊĠĠĠ ĠOut lined Button ( ĊĠĠĠĠĠĠĠ ĠonClick Ġ= Ġ{ Ġ}, ĊĠĠĠĠĠĠĠ Ġcolors Ġ= ĠButton Defaults . outlined Button Colors ( ĊĠĠĠĠĠĠĠĠĠĠĠ ĠbackgroundColor Ġ= ĠMaterial Theme . colors . background ĊĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠ Ġelevation Ġ= ĠButton Defaults . elevation ( ĊĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation , ĊĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation , ĊĠĠĠĠĠĠĠĠĠĠĠ ĠE lev ations . button Elevation ĊĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠ Ġborder Ġ= ĠBorder Stroke ( ĊĠĠĠĠĠĠĠĠĠĠĠ ĠButton Defaults . Outlined Border Size , ĊĠĠĠĠĠĠĠĠĠĠĠ ĠMaterial Theme . colors . on Background ĊĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠ Ġshape Ġ= ĠMaterial Theme . shapes . large , ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . height ( 4 0 . dp ), ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġname , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . body 1 , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Background , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 1 6 . dp , Ġbottom Ġ= Ġ 3 2 . dp ) ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ Ġif Ġ( dropDown ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠSp acer ( modifier Ġ= ĠModifier . width ( 4 . dp )) ĊĠĠĠĠĠĠĠĠĠĠĠ ĠIcon ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġimage Vector Ġ= ĠIcons . Outlined . Expand More , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . size ( 1 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġt int Ġ= ĠMaterial Theme . colors . on Background ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Composable Ċ fun ĠBottom Sheet Content () Ġ{ ĊĠĠĠ ĠLazy Column ( ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding ( horizontal Ġ= Ġ 1 6 . dp ), ĊĠĠĠĠĠĠĠ Ġhorizontal Alignment Ġ= ĠAlignment . Center H orizontally , ĊĠĠĠĠĠĠĠ Ġcontent Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ" Positions ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . subtitle 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Surface , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 4 0 . dp , Ġbottom Ġ= Ġ 2 4 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitems ( positions ) Ġ{ Ġposition Ġ-> ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠDiv ider ( color Ġ= ĠMaterial Theme . colors . on Surface ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠPosition Item ( position ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ) Ċ } Ċ Ċ @ Composable Ċ fun ĠPosition Item ( item : ĠItem ) Ġ{ ĊĠĠĠ ĠRow ( ĊĠĠĠĠĠĠĠ Ġhorizontal Arrange ment Ġ= ĠArrange ment . Space Between , ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. height ( 5 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ. fill Max Width () ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ ĠColumn ( modifier Ġ= ĠModifier . fill Max Height ()) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġitem . price , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . body 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Surface , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 2 4 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġitem . change , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . body 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= Ġif Ġ( item . change Direction Ġ== ĠChange Direction . Positive ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠMaterial Theme . colors . green Custom ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} Ġelse Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠMaterial Theme . colors . red Custom ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 1 6 . dp , Ġbottom Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ ĠSp acer ( Modifier . width ( 1 6 . dp )) ĊĠĠĠĠĠĠĠ ĠColumn ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. fill Max Height () ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. weight ( 1 f ) ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġitem . symbol , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 3 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Surface , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 2 4 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġitem . name , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . body 1 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcolor Ġ= ĠMaterial Theme . colors . on Surface , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 1 6 . dp , Ġbottom Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ ĠImage ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . fill Max Height (), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġpainter Ġ= Ġpainter Resource ( id Ġ= Ġitem . image Res ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull , ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ} Ċ } Ċ Ċ enum Ġclass ĠChange Direction Ġ{ ĊĠĠĠ ĠPositive , ĠNegative Ċ } Ċ Ċ data Ġclass ĠItem ( ĊĠĠĠ Ġval Ġimage Res : ĠInt , ĊĠĠĠ Ġval Ġsymbol : ĠString , ĊĠĠĠ Ġval Ġname : ĠString , ĊĠĠĠ Ġval Ġprice : ĠString , ĊĠĠĠ Ġval Ġchange : ĠString , ĊĠĠĠ Ġval Ġchange Direction : ĠChange Direction Ċ ) Ċ Ċ val Ġpositions Ġ= ĠlistOf ( ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ alk , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" AL K ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Al ask a ĠAir ĠGroup , ĠInc .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 7 , 9 1 8 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"- 0 . 5 4 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Negative ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ ba , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" BA ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Bo e ing ĠCo .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 1 , 2 9 3 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 4 . 1 8 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ dal , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" DAL ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Delta ĠAir lines ĠInc .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 8 9 3 . 5 0 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"- 0 . 5 4 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Negative ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ exp , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" EX PE ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Exp edia ĠGroup ĠInc .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 1 2 , 3 0 1 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 2 . 5 1 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ ead sy , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" E AD SY ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Air bus ĠSE ", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 1 2 , 3 0 1 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 1 . 3 8 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ j bl u , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" J BL U ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Jet blue ĠAir ways ĠCorp .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 8 , 5 2 1 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 1 . 5 6 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ mar , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" MAR ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Mar ri ott ĠInternational ĠInc .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 5 2 1 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 2 . 7 5 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ c cl , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" C CL ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" C arn ival ĠCorp ", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 5 , 4 8 1 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 0 . 1 4 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ r cl , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" R CL ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Ro yal ĠCar ib bean ĠC ru ises ", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 9 , 1 8 4 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 1 . 6 9 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), ĊĠĠĠ ĠItem ( ĊĠĠĠĠĠĠĠ Ġimage Res Ġ= ĠR . drawable . ic _ home _ tr vl , ĊĠĠĠĠĠĠĠ Ġsymbol Ġ= Ġ" TR VL ", ĊĠĠĠĠĠĠĠ Ġname Ġ= Ġ" Tr ave locity ĠInc .", ĊĠĠĠĠĠĠĠ Ġprice Ġ= Ġ"$ 6 5 4 ", ĊĠĠĠĠĠĠĠ Ġchange Ġ= Ġ"+ 3 . 2 3 %", ĊĠĠĠĠĠĠĠ Ġchange Direction Ġ= ĠChange Direction . Positive ĊĠĠĠ Ġ), Ċ ) Ċ Ċ @ Preview (" Light ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠHome Light Preview () Ġ{ ĊĠĠĠ ĠTheme Ġ{ ĊĠĠĠĠĠĠĠ ĠHome Content () ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Preview (" Dark ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠHome Dark Preview () Ġ{ ĊĠĠĠ ĠTheme ( dark Theme Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠ ĠHome Content () ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Preview (" Light ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠPosition s Light Preview () Ġ{ ĊĠĠĠ ĠTheme Ġ{ ĊĠĠĠĠĠĠĠ ĠSurface Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠBottom Sheet Content () ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Preview (" Dark ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠPosition s Dark Preview () Ġ{ ĊĠĠĠ ĠTheme ( dark Theme Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠ ĠSurface Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠBottom Sheet Content () ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ