¿Cómo se puede implementar un componente de interfaz de usuario en Jetpack Compose?

En Jetpack Compose, un componente de UI personalizado se crea mediante una función marcada con la anotación @Composable. Esta función describe cómo debe verse y comportarse un elemento de la interfaz.

Ejemplo de un componente simple de botón:

@Composable
fun MyButton(onClick: () -> Unit, text: String) {
    Button(onClick = onClick) {
        Text(text)
    }
}

Para usar el componente, simplemente llámelo dentro de otro @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* acción al hacer clic */ }, text = "Haz clic en mí")
}

De esta manera, crear componentes de UI en Compose es una descripción declarativa de la interfaz a través de funciones, lo que simplifica el desarrollo y el mantenimiento del código.