SwiftUI Buttons

import SwiftUI

struct PrimaryButtonBasic: View {
    var body: some View {
        Button("Primary Action") {
            // Action for the button
            print("Button tapped")
        }
        .buttonStyle(.borderedProminent)
        .help("Accessibility hint")
    }
}

#Preview {
    PrimaryButtonBasic()
}

import SwiftUI

struct CTAButtonLargeBasic: View {
    var body: some View {
        Button {
            // Action for the button
            print("Button tapped")
        } label: {
            HStack(spacing: 8) {
                Text("Get Started")
                Image(systemName: "arrow.right")
            }
            .padding()
            .font(.headline)
            .foregroundStyle(.white)
            .frame(alignment: .center)
        }
        .frame(maxWidth: 450)
        .padding(.horizontal, 32)
        .background(Color.accentColor)
        .clipShape(Capsule())
        .padding()
        .help("Accessibility hint")
    }
}

#Preview {
    CTAButtonLargeBasic()
}

import SwiftUI

struct SecondaryButtonBasic: View {
    var body: some View {
        Button {
            // Action for the button
            print("Button tapped")
        } label: {
            Text("Secondary Action")
        }
        .font(.headline)
        .padding(.vertical, 10)
        .padding(.horizontal, 15)
        .overlay(
            RoundedRectangle(cornerRadius: 12)
            .stroke(lineWidth: 1)
        )
        .foregroundStyle(Color.accentColor)
    }
}

#Preview {
    SecondaryButtonBasic()
}

import SwiftUI

struct TertiaryButtonBasic: View {
    var body: some View {
        Button("Tap Me") {
            // Action for the button
            print("Button tapped")
        }
        .buttonStyle(.bordered)
        .help("Accessibility hint")
    }
}

#Preview {
    TertiaryButtonBasic()
}

import SwiftUI

struct IconButtonTertiaryBasic: View {
    var body: some View {
        Button {
            // Action
        } label: {
            Image(systemName: "plus")
            .font(.title3)
            .padding(16)
            .background(.thinMaterial)
            .clipShape(Circle())
        }
        .foregroundStyle(Color.accentColor)
        .shadow(color: .gray.opacity(0.3), radius: 2)
        .padding()
        .help("Accessibility hint")
    }
}

#Preview {
    IconButtonTertiaryBasic()
}