din/compose

import Foundation
import Compose
import SwiftUI

public struct ComposeNavigationBar<LeftView : View, RightView : View> : View {
    
    @Environment(\.composeNavigationBarStyle) var style
    
    public let title : LocalizedStringKey
    public let leftView : LeftView
    public let rightView : RightView
    
    public init(title : LocalizedStringKey,
                leftView : LeftView,
                rightView : RightView) {
        self.title = title
        self.leftView = leftView
        self.rightView = rightView
    }

    public var body: some View {
        ZStack {
            HStack(alignment: .center, spacing: 0) {
                leftView
                    .foregroundColor(style.tintColor)
     
                Spacer()
                   
                rightView
                    .foregroundColor(style.tintColor)
            }
            .offset(y: 2)
            
            GeometryReader { info in
                if leftView is EmptyView == false || style.alwaysCenterTitle == true {
                    Text(title)
                        .font(style.normalFont)
                        .position(x: info.frame(in: .local).midX, y: info.frame(in: .local).midY)
                        .frame(maxWidth: info.size.width * 0.7)
                }
                else {
                    Text(title)
                        .font(style.largeFont)
                        .frame(maxWidth: .infinity, alignment: .leading)
                        .position(x: info.frame(in: .local).midX, y: info.frame(in: .local).midY)
                }
            }
            .truncationMode(.tail)
            .lineLimit(1)
            .offset(y: 2)
        
            if style.shouldShowDivider == true {
                VStack {
                    Divider()
                }
                .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .bottom)
                .padding(.horizontal, -style.horizontalPadding)
            }
        }
        .font(style.normalFont)
        .frame(height: style.height)
        .padding(.horizontal, style.horizontalPadding)
        .background(
            Rectangle()
                .fill(.clear)
                .frame(maxWidth: .infinity, minHeight: 100 + style.height, maxHeight: 100 + style.height)
                .background(style.background)
                .offset(y: -100),
            alignment: .top
        )
        .foregroundColor(style.foregroundColor)
    }
    
}