val inputText = mutableStateOf("")

    AlertDialog(
        title = {
            Row(
                modifier = Modifier.fillMaxWidth(),
                horizontalArrangement = Arrangement.spacedBy(16.dp),
                verticalAlignment = Alignment.CenterVertically
            ) {
                icon?.invoke()
                Text(text = title, fontSize = 20.sp)
            }
        },
        text = {
            MedialTextField(
                value = inputText.value,
                maxLines = maxLines,
                onValueChange = { inputText.value = it },
                label = hint ?: "",
                modifier = textFieldModifier.fillMaxWidth(),
                endIcon = trailingIcon?.let { { it.invoke() } }
            )
        },
        onDismissRequest = onDismissRequest,
        confirmButton = {
            TextButton(
                onClick = { onConfirmation(inputText.value) },
                enabled = canSubmit(inputText.value)
            ) {
                Text(positiveButtonText)
            }
        },
        dismissButton = {
            TextButton(onClick = onDismissRequest) {
                Text(negativeButtonText)
            }
        },
        modifier = modifier,
    )

@Composable
fun MedialTextField(
    value: String,
    onValueChange: (String) -> Unit,
    label: String,
    singleLine: Boolean = true,
    maxLines: Int = 1,
    readOnly: Boolean = false,
    error: String? = null,
    interactionSource: MutableInteractionSource? = null,
    leadingIcon: @Composable (() -> Unit)? = null,
    endIcon: @Composable (() -> Unit)? = null,
    modifier: Modifier = Modifier
) {
    OutlinedTextField(
        value = value,
        onValueChange = onValueChange,
        label = { Text(text = label) },
        singleLine = singleLine,
        maxLines = maxLines,
        textStyle = MaterialTheme.typography.bodyMedium,
        shape = RoundedCornerShape(12.dp),
        trailingIcon = endIcon,
        leadingIcon = leadingIcon,
        interactionSource = interactionSource ?: remember { MutableInteractionSource() },
        modifier = modifier,
        readOnly = readOnly,
        isError = error != null,
        supportingText = error?.let {
            {
                Text(text = it, fontSize = 10.sp, color = MaterialTheme.colorScheme.error)
            }
        },
        colors = OutlinedTextFieldDefaults.colors(
            focusedLabelColor = MaterialTheme.colorScheme.primary,
            unfocusedLabelColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.60f),
            focusedBorderColor = MaterialTheme.colorScheme.primary,
            unfocusedBorderColor = MaterialTheme.colorScheme.onSurface.copy(alpha = 0.60f),
        )
    )
}