Link Row Settings

import SwiftUI

struct LinkRowSettings: View {
    
    var body: some View {
        Form {
            LabelRowLink(destinationUrl: "https://compotui.com", visibleUrl: "compotui.com", title: "Website", iconTitle: "globe", supportingIcon: "arrow.up.forward.app")
        }
    }
}

#Preview {
    LinkRowSettings()
}

struct LabelRowLink: View {
    
    let destinationUrl: String
    let visibleUrl: String?
    let title: String
    let iconTitle: String
    let supportingIcon: String?
    
    var body: some View {
        Link(destination: URL(string: destinationUrl)!, label: {
            HStack(alignment: .center) {
                Label(title, systemImage: iconTitle)
                Spacer()
                HStack(alignment: .center) {
                    Text(visibleUrl ?? "")
                    Image(systemName: supportingIcon ?? "")
                }
                .foregroundStyle(.secondary)
            }
        })
    }
}