materialIconsCore = "1.7.8"

material-icons-core = { group = "androidx.compose.material", name = "material-icons-core", version.ref = "materialIconsCore" }

import androidx.compose.foundation.gestures.Orientation
import androidx.compose.foundation.gestures.scrollable
import androidx.compose.foundation.horizontalScroll

import androidx.compose.foundation.layout.Box

import androidx.compose.foundation.rememberScrollState
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.ArrowBack

import androidx.compose.runtime.LaunchedEffect

import androidx.compose.ui.draw.clipToBounds

import androidx.compose.ui.text.style.TextOverflow

import androidx.wear.compose.material.Icon

				val scrollState = rememberScrollState()
				// Auto-scroll to the end whenever the formula changes
				LaunchedEffect(formula) {
					scrollState.scrollTo(scrollState.maxValue)
				}
				val fullExpression =fun(): Boolean {
					if (formula.isEmpty()){
						return false
					}
					if (formula.last().isDigit()) {
						return true
					}
					return false
				}

						.padding(start = 60.dp, top = 24.dp, end = 60.dp, bottom = 0.dp)
						.align(Alignment.CenterHorizontally),

						.padding(top = 24.dp),
					verticalAlignment = Alignment.CenterVertically

					Text(
						text = formula,
						color = Color.White,
						textAlign = TextAlign.Center,
						fontSize = 30.sp,
						modifier = Modifier.fillMaxWidth(),
						softWrap = false

					Box(
						modifier = Modifier
							.fillMaxWidth(0.7f)
							.horizontalScroll(scrollState) // allow horizontal growth
							.clipToBounds(), // clip overflow
						contentAlignment = Alignment.CenterEnd,
					) {
						Text(
							text = formula,
							color = Color.White,
							fontSize = 30.sp,
							maxLines = 1,
							softWrap = false,
							overflow = TextOverflow.Clip
						)
					}
					Icon(
						imageVector = Icons.Default.ArrowBack,
						contentDescription = "delete input",
						modifier = Modifier
							.padding(start = 8.dp)
							.clickable { formula=formula.dropLast(1) }

					Button(
						onClick = { formula = formula.dropLast(1) },
						modifier = buttonMod
					) { Text("←") }

					Button(onClick = { formula += "+" }, modifier = buttonMod) { Text("+") }

					Button(onClick = { formula += "+" }, modifier = buttonMod, enabled = fullExpression()) { Text("+") }

					Button(onClick = { formula += "-" }, modifier = buttonMod) { Text("-") }

					Button(onClick = { formula += "-" }, modifier = buttonMod, enabled = fullExpression()) { Text("-") }

					Button(onClick = { formula += "×" }, modifier = buttonMod) { Text("×") }

					Button(onClick = { formula += "×" }, modifier = buttonMod, enabled = fullExpression()) { Text("×") }

					Button(onClick = { formula = "" }, modifier = buttonMod) { Text("C") }

					Button(onClick = { formula = "" }, modifier = buttonMod, enabled = !formula.isEmpty()) { Text("C") }

					Button(onClick = { showResult = true }, modifier = buttonMod) { Text("=") }
					Button(onClick = { formula += "÷" }, modifier = buttonMod) { Text("÷") }

					Button(onClick = { showResult = true }, modifier = buttonMod, enabled = fullExpression()) { Text("=") }
					Button(onClick = { formula += "÷" }, modifier = buttonMod, enabled = fullExpression()) { Text("÷") }

	implementation(libs.material.icons.core)