Promo Banner as NavigationLink (Narrow)

import SwiftUI

struct PromoBannerNavLinkNarrow: View {
    var body: some View {
        NavigationLink {
            // Destination View
        } label: {
            HStack(alignment: .center) {
                Image(systemName: "fireworks")
                    .symbolRenderingMode(.palette)
                    .foregroundStyle(.red, .green)
                ViewThatFits {
                    Text("Introducing Compot")
                    Text("Compot")
                }
                .fontWeight(.semibold)
                Image(systemName: "circle.fill")
                    .font(.system(size: 3))
                ViewThatFits {
                    Text("Components & Templates for modern SwiftUI development")
                    Text("SwiftUI Components & Templates")
                    Text("SwiftUI Components")
                }
                .lineLimit(1)
                .fontWeight(.regular)
                Spacer()
                Image(systemName: "chevron.right")
                    .font(.system(size: 10))
                    .foregroundStyle(.secondary)
            }
            .padding(.vertical, 8)
            .padding(.horizontal, 16)
            .font(.system(size: 13))
            .foregroundStyle(.primary)
            .background {
                RoundedRectangle(cornerRadius: 25.0, style: .continuous)
                    .strokeBorder(Color.gray.opacity(0.4), lineWidth: 1)
                    .foregroundStyle(.clear)
            }
        }
        .padding()
        .buttonStyle(PlainButtonStyle())
        .frame(maxWidth: 620, alignment: .leading)
    }
}

#Preview {
    PromoBannerNavLinkNarrow()
}