Why does this code fail with: Cannot infer contextual base in reference to member 'blue' on the let color line?

import SwiftUI

struct ContentView: View {
    @State private var iconSwitch: Bool = false

    var body: some View {
        VStack {

            let result = iconSwitch ? "globe" : "display"
            let color = iconSwitch ? .blue : .red
            let phrase = iconSwitch ? "Goodbye World!"  : "Hello World!"
            Image(systemName: result)
                .imageScale(.large)
                .foregroundColor(color)

            Text(phrase)
            Button("Switch") {
                iconSwitch.toggle()
            }.buttonStyle(.borderedProminent)
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

While that code works. It better for SwiftUI to put ternary inside the views as it then know before time eg

struct ContentView: View {
    @State private var iconSwitch: Bool = false

    var body: some View {
        VStack {

//            let result = iconSwitch ? "globe" : "display"
//            let color: Color = iconSwitch ? .blue : .red
//            let phrase = iconSwitch ? "Goodbye World!"  : "Hello World!"

            Image(systemName: iconSwitch ? "globe" : "display")
                .imageScale(.large)
                .foregroundColor(iconSwitch ? .blue : .red)

            Text(iconSwitch ? "Goodbye World!"  : "Hello World!")
            Button("Switch") {
                iconSwitch.toggle()
            }.buttonStyle(.borderedProminent)
        }
        .padding()
    }
}

Hmm, actually it was inside the view but not inside the modifier. I know about the problem about the reevaluating and redrawing. Does it make a difference in this case?