//
//  TileView.swift
//  assign3
//
//  Created by Jason Kim on 4/7/22.
//

import Foundation
import SwiftUI

struct Tileview: View{
    @Environment(\.verticalSizeClass) var verticalSizeClass
    @Environment(\.horizontalSizeClass) var horizontalSizeClass
        
    var tile = Tile(val: 0, id: 0, row: 0, col: 0)
            
    init(tile: Tile) {
        self.tile = tile
    }
    
   
    var body: some View {
        if tile.val == 0 {
            Text(tile.val.description)
                .padding()
                .font(.title)
                .frame( width: verticalSizeClass == .regular ?  60 : 55, height: verticalSizeClass == .regular ? 65 : 60)
                .background(Color.white)
                .cornerRadius(3).foregroundColor(.white)
        } else if tile.val == 1 {
            Text(tile.val.description)
                .padding()
                .font(.title)
                .frame(width: verticalSizeClass == .regular ?  60 : 55, height: verticalSizeClass == .regular ? 65 : 60)
                .background(Color.red)
                .cornerRadius(3).foregroundColor(.white)
        } else if tile.val == 2 {
            Text(tile.val.description)
                .padding()
                .font(.title)
                .frame( width: verticalSizeClass == .regular ?  60 : 55, height: verticalSizeClass == .regular ? 65 : 60)
                .background(Color.blue)
                .cornerRadius(3).foregroundColor(.white)
        } else {
            Text(tile.val.description)
                .padding()
                .font(tile.val < 10 ? .title : tile.val < 100 ? .title2 : .title3)
                .frame( width: verticalSizeClass == .regular ?  60 : 55, height: verticalSizeClass == .regular ? 65 : 60)
                .background(Color.green)
                .cornerRadius(3).foregroundColor(.white)
        }
    }
}