A SwiftUI view to render an HStack with centered, leading, and trailing contents

SymmetricHStack.swift

import SwiftUI

struct SymmetricHStack<Content: View, Leading: View, Trailing: View>: View {
	@ViewBuilder var content: () -> Content
	@ViewBuilder var leading: () -> Leading
	@ViewBuilder var trailing: () -> Trailing
	
	var body: some View {
		HStack {
			ZStack(alignment: .leading) {
				trailing().hidden()
				leading()
			}
			
			Spacer()
			
			content()
			
			Spacer()
			
			ZStack(alignment: .trailing) {
				leading().hidden()
				trailing()
			}
		}
	}
}

extension SymmetricHStack where Leading == EmptyView {
	init(
		@ViewBuilder content: @escaping () -> Content,
		@ViewBuilder trailing: @escaping () -> Trailing
	) {
		self.content = content
		self.leading = EmptyView.init
		self.trailing = trailing
	}
}

extension SymmetricHStack where Trailing == EmptyView {
	init(
		@ViewBuilder content: @escaping () -> Content,
		@ViewBuilder leading: @escaping () -> Leading
	) {
		self.content = content
		self.leading = leading
		self.trailing = EmptyView.init
	}
}