Text Clock in Android using Jetpack Compose

package com.geeksforgeeks.demo

import android.os.Bundle
import android.widget.TextClock
import androidx.activity.ComponentActivity
import androidx.activity.compose.setContent
import androidx.compose.foundation.layout.*
import androidx.compose.runtime.*
import androidx.compose.ui.*
import androidx.compose.ui.unit.*
import androidx.compose.ui.viewinterop.AndroidView
import androidx.core.content.ContextCompat
import com.geeksforgeeks.demo.ui.theme.DemoTheme

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            DemoTheme {
                DisplayTextClock()
            }
        }
    }
}

@Composable
fun DisplayTextClock() {
    Column(
        modifier = Modifier.fillMaxSize(),
        horizontalAlignment = Alignment.CenterHorizontally,
        verticalArrangement = Arrangement.Center
    ) {
        
        // Android view composable to use xml views in compose
        AndroidView(
            factory = { context ->
                
                // Text Clock
                TextClock(context).apply {
                    
                    // set hour format
                    format12Hour = "hh:mm:ss a"
                    
                    // set time zone
                    timeZone = timeZone
                    
                    // set text size
                    textSize= 32f
                    
                    // set text color
                    setTextColor(ContextCompat.getColor(context, R.color.black))
                }
            },
            modifier = Modifier.padding(5.dp),
        )
    }
}