From bcf1d25b63b5efce781606910827e6abd5f2a3db Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Mon, 20 Jan 2025 22:37:00 +0100
Subject: [PATCH] PWD-1: create custom button component

---
 password/passwordApp.swift             |  8 ++-
 password/ui/components/PwdButton.swift | 99 ++++++++++++++++++++++++++
 2 files changed, 104 insertions(+), 3 deletions(-)
 create mode 100644 password/ui/components/PwdButton.swift

diff --git a/password/passwordApp.swift b/password/passwordApp.swift
index 6357c27..3c136f3 100644
--- a/password/passwordApp.swift
+++ b/password/passwordApp.swift
@@ -51,9 +51,11 @@ struct passwordApp: App {
                 if isAuthenticated {
                     ContextWrapper()
                 } else {
-                    Button("Authenticate") {
-                        authenticate()
-                    }
+                    PwdButton(
+                        label: Text("Authenticate"),
+                        variant: .primary,
+                        action: authenticate
+                    )
                 }
             }
             .onAppear {
diff --git a/password/ui/components/PwdButton.swift b/password/ui/components/PwdButton.swift
new file mode 100644
index 0000000..7c2db48
--- /dev/null
+++ b/password/ui/components/PwdButton.swift
@@ -0,0 +1,99 @@
+//
+//  Button.swift
+//  password
+//
+//  Created by Markus Thielker on 19.01.25.
+//
+
+import SwiftUI
+
+struct PwdButton<Label: View>: View {
+        
+    @Environment(\.colorScheme) private var colorScheme
+    
+    var label: Label
+    var variant: ButtonVariant = .default
+    var size: ButtonSize = .medium
+    var action: () -> Void
+
+    var body: some View {
+        HStack {
+            label
+        }
+        .padding(size.padding)
+        .background(variant.backgroundColor(colorScheme))
+        .foregroundColor(variant.foregroundColor(colorScheme))
+        .font(size.font)
+        .cornerRadius(size.cornerRadius)
+        .overlay(
+            RoundedRectangle(cornerRadius: size.cornerRadius)
+                .stroke(variant.borderColor(colorScheme), lineWidth: variant.borderWidth)
+        )
+        .onTapGesture {
+            action()
+        }
+    }
+}
+
+enum ButtonVariant {
+
+    case `default`, primary, secondary, outline, ghost
+    
+    func backgroundColor(_ colorScheme: ColorScheme) -> Color {
+        switch self {
+        case .primary: return .blue
+        case .secondary: return .gray
+        case .outline, .ghost: return .clear
+        default: return .blue
+        }
+    }
+    
+    func foregroundColor(_ colorScheme: ColorScheme) -> Color {
+        switch self {
+        case .primary, .secondary, .default: return .white
+        case .outline, .ghost: return colorScheme == .dark ? .white : .black
+        }
+    }
+
+    func borderColor(_ colorScheme: ColorScheme) -> Color {
+        switch self {
+        case .outline: return .gray
+        default: return .clear
+        }
+    }
+
+    var borderWidth: CGFloat {
+        switch self {
+        case .outline: return 1
+        default: return 0
+        }
+    }
+}
+
+enum ButtonSize {
+    case small, medium, large
+
+    var padding: EdgeInsets {
+        switch self {
+        case .small: return EdgeInsets(top: 8, leading: 12, bottom: 8, trailing: 12)
+        case .medium: return EdgeInsets(top: 10, leading: 16, bottom: 10, trailing: 16)
+        case .large: return EdgeInsets(top: 12, leading: 20, bottom: 12, trailing: 20)
+        }
+    }
+
+    var font: Font {
+        switch self {
+        case .small: return .caption
+        case .medium: return .body
+        case .large: return .title3
+        }
+    }
+
+    var cornerRadius: CGFloat {
+        switch self {
+        case .small: return 6
+        case .medium: return 8
+        case .large: return 10
+        }
+    }
+}