/* Ċ Ġ* Ġ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 Ċ Ċ import Ġandroidx . compose . foundation . background Ċ import Ġandroidx . compose . foundation . layout . Column Ċ import Ġandroidx . compose . foundation . layout . Padding Values Ċ import Ġandroidx . compose . foundation . layout . Row Ċ import Ġandroidx . compose . foundation . layout . fill MaxSize Ċ import Ġandroidx . compose . foundation . layout . fill Max Width Ċ import Ġandroidx . compose . foundation . layout . padding Ċ import Ġandroidx . compose . foundation . layout . padding From Baseline Ċ import Ġandroidx . compose . foundation . layout . size Ċ import Ġandroidx . compose . foundation . lazy . Lazy Column Ċ import Ġandroidx . compose . foundation . lazy . Lazy Row Ċ import Ġandroidx . compose . material . Card Ċ import Ġandroidx . compose . material . Icon Ċ import Ġandroidx . compose . material . Material Theme Ċ import Ġandroidx . compose . material . Sca ffold Ċ import Ġandroidx . compose . material . Text Ċ import Ġandroidx . compose . material . TextField Ċ import Ġandroidx . compose . material . icons . Icons Ċ import Ġandroidx . compose . material . icons . filled . Search Ċ import Ġandroidx . compose . runtime . Composable Ċ import Ġandroidx . compose . runtime . getValue Ċ import Ġandroidx . compose . runtime . mutable State Of Ċ import Ġandroidx . compose . runtime . remember Ċ import Ġandroidx . compose . runtime . setValue Ċ import Ġandroidx . compose . ui . Alignment Ċ import Ġandroidx . compose . ui . Modifier Ċ import Ġandroidx . compose . ui . layout . Content Scale Ċ import Ġandroidx . compose . ui . tool ing . preview . Preview Ċ import Ġandroidx . compose . ui . unit . Dp Ċ import Ġandroidx . compose . ui . unit . dp Ċ import Ġco il . transform . Circle Crop Transformation Ċ import Ġcom . example . android dev challenge . ui . theme . Preview Theme Ċ import Ġdev . chr is ban es . ac comp an ist . co il . Co il Image Ċ Ċ @ Composable Ċ fun ĠHome ( bottom Padding : ĠD p ) Ġ{ ĊĠĠĠ Ġvar Ġsearch Ġby Ġremember Ġ{ Ġmutable State Of ("") Ġ} ĊĠĠĠ ĠLazy Column ( ĊĠĠĠĠĠĠĠ Ġcontent Padding Ġ= ĠPadding Values ( bottom Ġ= Ġbottom Padding ), ĊĠĠĠĠĠĠĠ Ġcontent Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" search ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠTextField ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġvalue Ġ= Ġsearch , Ġon Value Change Ġ= Ġ{ Ġsearch Ġ= Ġit Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstart Ġ= Ġ 1 6 . dp , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġend Ġ= Ġ 1 6 . dp , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtop Ġ= Ġ 5 6 . dp ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. fill Max Width (), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġleading Icon Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠIcon ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠIcons . Filled . Search , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . size ( 1 8 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġplaceholder Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( text Ġ= Ġ" Search ", Ġstyle Ġ= ĠMaterial Theme . typography . body 1 ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ}, ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Style Ġ= ĠMaterial Theme . typography . body 1 ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" collections Ġtitle ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġ" FA V OR ITE ĠCOL LECTION S ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 2 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 4 0 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( start Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" collections ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCollections () ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" align Ġtitle ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġ" ALIGN ĠYOUR ĠB ODY ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 2 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 4 0 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( start Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" body ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCirc les ( bodies ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" mind Ġtitle ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġ" ALIGN ĠYOUR ĠM IND ", ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 2 , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding From Baseline ( top Ġ= Ġ 4 0 . dp , Ġbottom Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( start Ġ= Ġ 1 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem (" mind ") Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCirc les ( m inds ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ) Ċ } Ċ Ċ @ Composable Ċ fun ĠCirc les ( items : ĠList < Align >) Ġ{ ĊĠĠĠ ĠLazy Row ( ĊĠĠĠĠĠĠĠ Ġcontent Padding Ġ= ĠPadding Values ( start Ġ= Ġ 8 . dp , Ġend Ġ= Ġ 1 6 . dp ) ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ Ġitems . forEach Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġitem ( it . title ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠColumn ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding ( start Ġ= Ġ 8 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġhorizontal Alignment Ġ= ĠAlignment . Center H orizontally ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCo il Image ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdata Ġ= Ġit . image , Ġmodifier Ġ= ĠModifier . size ( 8 8 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġrequest Builder Ġ= Ġ{ Ġtransformations ( Circle Crop Transformation ()) Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġit . title , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding From Baseline ( top Ġ= Ġ 2 4 . dp , Ġbottom Ġ= Ġ 8 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 3 ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ private Ġval Ġbodies Ġ= ĠlistOf ( ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" In versions ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 1 7 1 5 7 / pex els - photo - 3 1 7 1 5 7 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" Quick Ġy oga ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 1 8 1 2 9 6 4 / pex els - photo - 1 8 1 2 9 6 4 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" Stretch ing ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 4 0 5 6 7 2 3 / pex els - photo - 4 0 5 6 7 2 3 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" Tab ata ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 4 6 6 2 4 3 8 / pex els - photo - 4 6 6 2 4 3 8 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" HI IT ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 9 9 9 3 0 9 / pex els - photo - 9 9 9 3 0 9 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" Pre - n atal Ġy oga ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 9 6 1 3 3 / pex els - photo - 3 9 6 1 3 3 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), Ċ ) Ċ Ċ private Ġval Ġmind s Ġ= ĠlistOf ( ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" M edit ate ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 8 2 2 6 2 2 / pex els - photo - 3 8 2 2 6 2 2 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" With Ġk ids ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 0 9 4 2 3 0 / pex els - photo - 3 0 9 4 2 3 0 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" A rom ather apy ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 4 4 9 8 3 1 8 / pex els - photo - 4 4 9 8 3 1 8 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" On Ġthe Ġgo ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 1 2 4 1 3 4 8 / pex els - photo - 1 2 4 1 3 4 8 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" With Ġp ets ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 4 0 5 6 5 3 5 / pex els - photo - 4 0 5 6 5 3 5 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), ĊĠĠĠ ĠAlign ( ĊĠĠĠĠĠĠĠ Ġ" High Ġstress ", ĊĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 8 9 7 8 1 7 / pex els - photo - 8 9 7 8 1 7 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠ Ġ), Ċ ) Ċ Ċ data Ġclass ĠAlign ( ĊĠĠĠ Ġval Ġtitle : ĠString , ĊĠĠĠ Ġval Ġimage : ĠString , Ċ ) Ċ Ċ data Ġclass ĠC ( ĊĠĠĠ Ġval Ġtitle : ĠString , ĊĠĠĠ Ġval Ġimage : ĠString , Ċ ) Ċ Ċ private Ġval Ġcollections Ġ= ĠlistOf ( ĊĠĠĠ ĠPair ( ĊĠĠĠĠĠĠĠ ĠC (" Short Ġman tras ", Ġ""), ĊĠĠĠĠĠĠĠ ĠC ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" N ature Ġmed itations ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 5 7 1 5 5 1 / pex els - photo - 3 5 7 1 5 5 1 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 3 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ), ĊĠĠĠ ĠPair ( ĊĠĠĠĠĠĠĠ ĠC ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" St ress Ġand Ġan x iety ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 1 5 5 7 2 3 8 / pex els - photo - 1 5 5 7 2 3 8 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠ ĠC ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" Self - mass age ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 1 0 2 9 6 0 4 / pex els - photo - 1 0 2 9 6 0 4 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ), ĊĠĠĠ ĠPair ( ĊĠĠĠĠĠĠĠ ĠC ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" Over w hel med ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 3 5 6 0 0 4 4 / pex els - photo - 3 5 6 0 0 4 4 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠĠĠĠĠ Ġ), ĊĠĠĠĠĠĠĠ ĠC ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" Night ly Ġwind Ġdown ", ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ" https :// images . pex els . com / photos / 9 2 4 8 2 4 / pex els - photo - 9 2 4 8 2 4 . jpeg ? auto = compress & cs = tin ys rgb & d pr = 2 & h = 7 5 0 & w = 1 2 6 0 " ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ), Ċ ) Ċ Ċ @ Composable Ċ fun ĠCollections () Ġ{ ĊĠĠĠ ĠLazy Row ( ĊĠĠĠĠĠĠĠ Ġcontent Padding Ġ= ĠPadding Values ( start Ġ= Ġ 8 . dp , Ġend Ġ= Ġ 1 6 . dp ), ĊĠĠĠĠĠĠĠ Ġcontent Ġ= Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ Ġcollections . forEach Ġ{ Ġitem ( it . first . title ) Ġ{ ĠCollection ( it ) Ġ} Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ) Ċ } Ċ Ċ @ Composable Ċ fun ĠCollection ( items : ĠPair < C , ĠC >) Ġ{ ĊĠĠĠ ĠColumn ( ĊĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġstart Ġ= Ġ 8 . dp , ĊĠĠĠĠĠĠĠĠĠĠĠ Ġbottom Ġ= Ġ 8 . dp ĊĠĠĠĠĠĠĠ Ġ) ĊĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠ ĠCard ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . size ( width Ġ= Ġ 1 9 2 . dp , Ġheight Ġ= Ġ 5 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġshape Ġ= ĠMaterial Theme . shapes . small , ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠRow ( modifier Ġ= ĠModifier . fill MaxSize (). background ( Material Theme . colors . surface ), Ġvertical Alignment Ġ= ĠAlignment . Center Vert ically ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCo il Image ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Scale Ġ= ĠContent Scale . Crop , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdata Ġ= Ġitems . first . image , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . size ( 5 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġitems . first . title , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( start Ġ= Ġ 1 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 3 ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĊĠĠĠĠĠĠĠ ĠCard ( ĊĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. padding ( top Ġ= Ġ 8 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ. size ( width Ġ= Ġ 1 9 2 . dp , Ġheight Ġ= Ġ 5 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠ Ġshape Ġ= ĠMaterial Theme . shapes . small , ĊĠĠĠĠĠĠĠ Ġ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠRow ( modifier Ġ= ĠModifier . fill MaxSize (). background ( Material Theme . colors . surface ), Ġvertical Alignment Ġ= ĠAlignment . Center Vert ically ) Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠCo il Image ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Scale Ġ= ĠContent Scale . Crop , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġdata Ġ= Ġitems . second . image , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġcontent Description Ġ= Ġnull , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . size ( 5 6 . dp ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ ĠText ( ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġtext Ġ= Ġitems . second . title , ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġmodifier Ġ= ĠModifier . padding ( start Ġ= Ġ 1 6 . dp , Ġend Ġ= Ġ 1 6 . dp ), ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġstyle Ġ= ĠMaterial Theme . typography . h 3 ĊĠĠĠĠĠĠĠĠĠĠĠĠĠĠĠ Ġ) ĊĠĠĠĠĠĠĠĠĠĠĠ Ġ} ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Preview (" Light ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠLight Home Preview () Ġ{ ĊĠĠĠ ĠPreview Theme Ġ{ ĊĠĠĠĠĠĠĠ ĠScaffold Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠHome ( 0 . dp ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ Ċ @ Preview (" Dark ĠTheme ", Ġwidth Dp Ġ= Ġ 3 6 0 , Ġheight Dp Ġ= Ġ 6 4 0 ) Ċ @ Composable Ċ fun ĠDark Home Preview () Ġ{ ĊĠĠĠ ĠPreview Theme ( dark Theme Ġ= Ġtrue ) Ġ{ ĊĠĠĠĠĠĠĠ ĠScaffold Ġ{ ĊĠĠĠĠĠĠĠĠĠĠĠ ĠHome ( 0 . dp ) ĊĠĠĠĠĠĠĠ Ġ} ĊĠĠĠ Ġ} Ċ } Ċ