import SwiftUI

struct SharingHeader: View {
    @EnvironmentObject var store: AppStore

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

            // title
            Text(L10n.Attachment.Prompt.main)
                .font(.head2)
                .foregroundColor(Color.Material.Text.main)

            HStack {
                Spacer()
                Image(systemName: "xmark")
                    .foregroundColor(Color.Material.Elements.active)
                    .tappablePadding(.symmetric(12)) {
                        store.dispatch(.sharingAction(.showSharing(false)))
                    }
            }
            .padding(.horizontal, 16)
        }
        .frame(height: 44)
    }
}