GridCellTable.kt

@Composable
fun GridCellTable(
    ingredientState: IngredientState
) {
    val items = mutableListOf<IngredientState>()
    Column(
        modifier = Modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {
        Row(
            modifier = Modifier
                .fillMaxWidth()
                .background(Peach)
                .padding(8.dp)
        ) {
            Text("Items", modifier = Modifier.weight(1f))
            Text("Quantity", modifier = Modifier.weight(1f))
            Text("Weight", modifier = Modifier.weight(1f))
        }

        Row(
            modifier = Modifier
                .fillMaxWidth()
                .padding(vertical = 8.dp)
        ) {
            RuniqueTextField(
                state = ingredientState.name,
                startIcon = null,
                endIcon = null,
                hint = "Item",
                title = null,
                modifier = Modifier.weight(1f)
            )

            RuniqueTextField(
                state = ingredientState.amount,
                startIcon = null,
                endIcon = null,
                hint = "Amount",
                title = null,
                modifier = Modifier.weight(1f)
            )

            RuniqueTextField(
                state = ingredientState.unit,
                startIcon = null,
                endIcon = null,
                hint = "Unit",
                title = null,
                modifier = Modifier.weight(1f)
            )

        }



    }
    Spacer(modifier = Modifier.height(16.dp))
    LazyColumn {
        items(items) { item ->
            Row(
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(
                        vertical = 8.dp
                    )

            ) {
                Text(
                    item.name.text.toString(), modifier = Modifier.weight(1f)
                )
                Text(
                    "here", modifier = Modifier.weight(1f), color = Color.White
                )
                Text(
                    item.amount.text.toString(), modifier = Modifier.weight(1f)
                )
                Text(
                    item.unit.text.toString(), modifier = Modifier.weight(1f)
                )
            }

        }
    }
    Spacer(modifier = Modifier.height(16.dp))
    Button(
        onClick = {
            //append the entry to items
            items.add(
                ingredientState
            )

            //reset the state
        },
        colors = ButtonColors(
            containerColor = Peach,
            contentColor = Color.White,
            disabledContainerColor = Color.Gray,
            disabledContentColor = Color.White
        )
    ) {
        Text("➕ Add Item")
    }
}