Sun and moon composable

elsa_time_picker_14.kt

@Composable
fun SunMoonComponent(
   rotation: Float,
   modifier: Modifier = Modifier,
) {
   Box(
       modifier = modifier
   ) {
       Icon(
           painter = painterResource(id = R.drawable.icon_house),
           contentDescription = "House",
           Modifier
               .align(Alignment.Center)
               .size(60.dp),
           tint = Color.Gray
       )
       Box(
           modifier = Modifier
               .fillMaxSize()
               .rotate(rotation)
       ) {
           Icon(
               painter = painterResource(id = R.drawable.icon_sun),
               contentDescription = "Sun",
               Modifier.align(Alignment.TopStart),
               tint = Color.Yellow
           )
           Icon(
               painter = painterResource(id = R.drawable.icon_moon),
               contentDescription = "Moon",
               Modifier
                   .align(Alignment.BottomStart)
                   .rotate(180f),
               tint = Color.White
           )
       }
   }
}