MyDropDown.kt

@Composable
fun MyDropDown(
    modifier: Modifier = Modifier,
    onClick: () -> Unit,
    label: String,
    placeHolder: String,
    value: String,
    error: String = ""
) {

    Column(
        modifier = modifier
    ) {
        OutlinedTextField(
            modifier = Modifier
                .fillMaxWidth()
                .focusProperties {
                    canFocus = false
                },
            interactionSource = remember {
                MutableInteractionSource()
            }.also { interactionSource ->
                LaunchedEffect(key1 = interactionSource) {
                    interactionSource.interactions.collect {
                        if (it is PressInteraction.Release) {
                            onClick.invoke()
                        }
                    }
                }
            },
            value = value,
            onValueChange = {},
            readOnly = true,
            label = {
                Text(text = label)
            },
            placeholder = {
                Text(text = placeHolder)
            },
            trailingIcon = {
                Icon(
                    painter = painterResource(SharedRes.images.ic_arrow_down),
                    contentDescription = "Expand $label list",
                    tint = Color(0xFF777777),
                    modifier = Modifier
                )
            },
            isError = error.isNotBlank(),
            supportingText = {
                if (error.isNotBlank()) {
                    Text(
                        modifier = Modifier.fillMaxWidth(),
                        text = error,
                        color = MaterialTheme.colorScheme.error
                    )
                }
            }
        )
    }

}