Como pode implementar um componente de interface de utilizador no Jetpack Compose?

No Jetpack Compose, um componente de UI personalizado é criado usando uma função marcada com a anotação @Composable. Essa função descreve como deve parecer e comportar-se um elemento de interface.

Exemplo de um componente simples de botão:

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

Para usar o componente, basta chamá-lo dentro de outro @Composable:

@Composable
fun Screen() {
    MyButton(onClick = { /* ação ao clicar */ }, text = "Clique em mim")
}

Assim, criar componentes de UI no Compose é uma descrição declarativa da interface através de funções, o que simplifica o desenvolvimento e a manutenção do código.