@Composable
fun CreateCommentView(
    onSendClick: (String) -> Unit
) {
    var text by remember { mutableStateOf(TextFieldValue("")) }

    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceBetween,
        verticalAlignment = Alignment.CenterVertically
    ) {
        OutlinedTextField(
            modifier = Modifier,
            value = text,
            onValueChange = { value ->
                text = value
            },
            placeholder = { Text(text = "Add a comment") }
        )
        Box(
            modifier = Modifier
                .border(1.dp, Color.Gray, RectangleShape)
        ) {
            IconButton(onClick = { onSendClick(text.text) }) {
                Icon(
                    painterResource(id = R.drawable.ic_outlined_send),
                    modifier = Modifier.iconSize(),
                    contentDescription = "send"
                )
            }
        }
    }
}