//
//  GameButton.swift
//  GeoQuiz
//
//  Created by Dennis Concepción Martín on 5/9/22.
//

import SwiftUI

struct GameButton: View {
    let gradient: Gradient
    let level: String
    let symbol: String
    let name: String
    
    var body: some View {
        ZStack {
            RoundedRectangle(cornerRadius: 20)
                .fill(
                    LinearGradient(
                        gradient: gradient,
                        startPoint: .trailing, endPoint: .leading
                    )
                )
                .frame(height: 180)
            
            VStack(alignment: .leading) {
                HStack {
                    Image(systemName: symbol)
                        .font(.headline)
                        .padding(5)
                        .background(
                            RoundedRectangle(cornerRadius: 5)
                                .stroke(lineWidth: 1.5)
                        )
                    
                    Spacer()
                }
                .padding(.bottom)
                
                VStack(alignment: .leading, spacing: 5) {
                    Text(level)
                        .font(.callout)
                    
                    Text(name)
                        .font(.title.bold())
                }
            }
            .foregroundColor(.white)
            .padding()
        }
    }
}

struct PlayButton_Previews: PreviewProvider {
    static var previews: some View {
        GameButton(
            gradient: Gradient(colors: [Color("MainDark"), Color("Main")]),
            level: "Level 1",
            symbol: "checkmark",
            name: "Guess the flag"
        )
    }
}