struct utiView: View {
@State private var markTitle = "marker"
@State private var papertitle = "paper"
@State private var paperText = "Choose up to 250 papers"
@State private var papervalue = 0
@State private var penvalue = 0
@State private var markvalue = 0
@State private var pentitle = "Pens"
@State private var penText = "Choose up to 60 pens"
@State private var marktittle = "Choose up to 10 markers"
var customtotalAmount = 0
let markStep = 1
let paperStep = 1
let penStep = 1
let markrange = 0...10
let penRange = 0...60
let paperrange = 0...250
var body: some View {
VStack{
Text("Total $\(customtotalAmount)")
Section{
VStack{
Section{
VStack(spacing: 20) {
VStack{
Text(papertitle).font(.largeTitle).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
.padding(.bottom,10)
Text("\(papervalue) Miles").font(.title2).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
}.padding(.bottom,5)
Stepper(paperText, value:$papervalue, in: paperrange, step: paperStep).foregroundColor(.darkStart).padding(.horizontal,150)
}
}.padding(.top,20).padding(.bottom,20)
Divider()
Section{
VStack(spacing: 20) {
VStack{
Text(pentitle).font(.largeTitle).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
.padding(.bottom,10)
Text("\(penvalue) pens").font(.title2).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
}.padding(.bottom,5)
Stepper(penText, value: $penvalue, in: penRange, step: penStep).foregroundColor(.darkStart).padding(.horizontal,150)
}
}
Divider()
Section{
VStack(spacing: 20) {
VStack{
Text(markTitle).font(.largeTitle).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
.padding(.bottom,10)
Text("\(markvalue) markers").font(.title2).foregroundColor(.darkStart).shadow(color: Color.black.opacity(0.2), radius:10 , x:10 , y:10).shadow(color: Color.white.opacity(0.7), radius: 10, x: -5, y: -5)
}.padding(.bottom,5)
Stepper(marktittle, value: $markvalue, in: markrange, step: markStep).foregroundColor(.darkStart).padding(.horizontal,150)
}
}
}
}
}
}
}
