import SwiftUI

struct BasicCounter: View {
    @State private var counter = 16

    var body: some View {
        HStack {
            Button(action: {
                if counter > 0 { counter -= 1 }
            }) {
                Text("-")
                    .font(.largeTitle)
                    .frame(width: 40, height: 40)
                    .foregroundColor(.black)
                    .background(Color.white)

            }

            Text("\(counter)")
                .font(.largeTitle)
                .frame(width: 60, height: 40)
                .background(Color.white)
 

            Button(action: {
                counter += 1
            }) {
                Text("+")
                    .font(.largeTitle)
                    .frame(width: 40, height: 40)
                    .foregroundColor(.black)
                    .background(Color.white)

            }
            
        }
        .padding()
        .overlay(
            RoundedRectangle(cornerRadius: 16)
                .stroke(Color.gray, lineWidth: 1)
        )
    }
}


#Preview {
    BasicCounter()
}
                                        
                                    

                                              
                                                
import SwiftUI

extension Color {
static let customDarkGreen = Color(red: 0.0, green: 0.5, blue: 0.25)
static let customLightGreen = Color(red: 0.6, green: 0.8, blue: 0.4)
}

struct FullAccessView: View {
var body: some View {
    VStack(spacing: 20) {
        Spacer()
        Image("logo")
            .resizable()
            .frame(width: 128, height: 128)
            .padding()
        
        Text("Join SwiftUI.art to get full access")
            .font(.system(size: 30))
            .fontWeight(.bold)
            .multilineTextAlignment(.center)
            .padding()
        
        VStack(alignment: .leading,spacing: 32, content: {
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("100+ components ready to use.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("A single payment for lifelong usage!")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
            
            HStack(alignment: .top) {
                Image(systemName: "checkmark.circle.fill")
                    .foregroundColor(Color.customDarkGreen)
                Text("We keep updating and adding more designs.")
                    .foregroundColor(Color.customDarkGreen)
                    .font(.title3)
            }
        })
       
        
        Spacer()
        
        Text("Lifetime access for $299")
            .font(.subheadline)
            .foregroundColor(.black)
            .bold()
            
        
        Spacer()
    }
    .padding(.horizontal, 40)
    .background(Color.customLightGreen.opacity(0.2))
    
}
}

struct FullAccessView_Previews: PreviewProvider {
static var previews: some View {
    FullAccessView()
}
}