Example of composable Input

Input.kt

@OptIn(ExperimentalComposeUiApi::class)
@Composable
fun Input(
    value: TextFieldValue,
    onValueChange: (TextFieldValue) -> Unit,
    modifier: Modifier = Modifier,
    placeholder: String? = null,
    enabled: Boolean = true,
    singleLine: Boolean = true,
    onFocusChanged: (Boolean) -> Unit = {},
    maxLines: Int = Int.MAX_VALUE,
    background: Color = colors.backgroundInput,
    keyboardOptions: KeyboardOptions = KeyboardOptions.Default,
    keyboardActions: KeyboardActions? = null,
    visualTransformation: VisualTransformation = VisualTransformation.None,
) {
    val keyboardController = LocalSoftwareKeyboardController.current
    var hasFocus by remember { mutableStateOf(false) }
    val defaultKeyboardActions = remember {
        KeyboardActions(
            onDone = {
                keyboardController?.hide()
            }
        )
    }
    Column {

        Box(
            Modifier
                .fillMaxWidth()
                .clip(RoundedCornerShape(8.dp))
                .background(background)
                .heightIn(min = 42.dp)
                .padding(horizontal = 16.dp)
                .then(modifier),
            Alignment.CenterStart
        ) {
            Box {
                if (value.text.isEmpty() && !placeholder.isNullOrEmpty()) {
                    Text(placeholder, style = typography.placeholder)
                }

                BasicTextField(
                    value = value,
                    onValueChange = {
                        onValueChange(it)
                    },
                    enabled = enabled,
                    maxLines = maxLines,
                    singleLine = singleLine,
                    keyboardOptions = keyboardOptions,
                    keyboardActions = keyboardActions ?: defaultKeyboardActions,
                    modifier = Modifier
                        .fillMaxWidth()
                        .onFocusChanged { focusState ->
                            hasFocus = focusState.isFocused
                            onFocusChanged(hasFocus)
                        },
                    textStyle = typography.input,
                    visualTransformation = visualTransformation,
                    cursorBrush = SolidColor(colors.buttercup),
                )
            }
        }
    }
}