import SwiftUI

struct ConversationHeader: View {
    @EnvironmentObject var store: AppStore

    var body: some View {
        ZStack {
            // bg
            Color.Material.Background.dark
                .ignoresSafeArea()

            // title
            let name = (
                store.state.conversationsState.currentRoster?.name ??
                    store.state.conversationsState.currentRoster?.contactBareJid
            ) ?? L10n.Chat.title
            Text(name)
                .font(.head2)
                .foregroundColor(.Material.Text.main)

            HStack {
                Image(systemName: "chevron.left")
                    .foregroundColor(.Material.Elements.active)
                    .tappablePadding(.symmetric(12)) {
                        store.dispatch(.changeFlow(store.state.previousFlow))
                    }
                Spacer()
            }
            .padding(.horizontal, 16)
        }
        .frame(height: 44)
    }
}