Jetpack Compose OutlinedTextField

@Composable
fun CustomOutlinedTextField() {
    val colors = TextFieldDefaults.outlinedTextFieldColors(
        borderColor = Color.Blue,
        unfocusedBorderColor = Color.Gray
    )

    OutlinedTextField(
        value = "",
        onValueChange = {},
        colors = colors
    )
}

@Composable
fun OutlinedTextFieldWithIcon() {
    OutlinedTextField(
        value = "",
        onValueChange = {},
        leadingIcon = {
            Icon(Icons.Default.Email, contentDescription = "Email")
        }
    )
}

@Composable
fun OutlinedTextFieldWithError() {
    var text by remember { mutableStateOf("") }
    val errorMessage = if (text.isEmpty()) "Field is required" else null

    OutlinedTextField(
        value = text,
        onValueChange = { text = it },
        error = errorMessage
    )
}