Secondary Button Large (Custom Style)

import SwiftUI

struct SecondaryLargeButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .padding(.vertical)
            .padding(.horizontal, 24)
            .foregroundStyle(.tint)
            .font(.system(size: 17, weight: .regular))
            .frame(maxWidth: 450, alignment: .center)
            .frame(height: 50)
            .background(
                RoundedRectangle(cornerRadius: 25, style: .continuous)
                    .stroke(.tint, lineWidth: 1)
            )
    }
}

extension ButtonStyle where Self == SecondaryLargeButtonStyle {
    static var secondaryLarge: Self {
        return .init()
    }
}

struct SecondaryButtonLargeCustomStyle: View {
    var body: some View {
        VStack(alignment: .center, spacing: 16) {
            Button("Secondary Large Button") {
                // Action
            }
            .buttonStyle(.secondaryLarge)
            .tint(Color.accentColor)
            .padding(.horizontal)
            Button("Add New Item", systemImage: "plus") {
                // Action
            }
            .buttonStyle(.secondaryLarge)
            .tint(.green)
            .padding(.horizontal)
        }
    }
}

#Preview {
    SecondaryButtonLargeCustomStyle()
}