Impressia/Vernissage/Widgets/ContentWarning.swift

//
//  https://mczachurski.dev
//  Copyright © 2023 Marcin Czachurski and the repository contributors.
//  Licensed under the Apache License 2.0.
//

import SwiftUI

struct ContentWarning<Content: View, Blurred: View>: View {
    private let spoilerText: String?
    private let content: () -> Content
    private let blurred: () -> Blurred

    @State private var showSensitive = false

    init(spoilerText: String?,
         @ViewBuilder content: @escaping () -> Content,
         @ViewBuilder blurred: @escaping () -> Blurred) {

        self.spoilerText = spoilerText
        self.content = content
        self.blurred = blurred
    }

    var body: some View {
        if self.showSensitive {
            ZStack {
                content()
                    .transition(.opacity)

                VStack(alignment: .trailing) {
                    HStack(alignment: .top) {
                        Spacer()
                        Button {
                            withAnimation {
                                self.showSensitive = false
                            }
                        } label: {
                            Image(systemName: "eye.slash")
                                .font(.title2)
                                .shadow(color: Color.systemBackground, radius: 0.3)
                                .padding()
                        }
                    }
                    Spacer()
                }
                .foregroundColor(.mainTextColor)
            }
        } else {
            ZStack {
                self.blurred()

                VStack(alignment: .center) {
                    Spacer()
                    Image(systemName: "eye.slash.fill")
                        .font(.title2)
                        .shadow(color: Color.systemBackground, radius: 0.3)
                    Text("global.title.contentWarning", comment: "Sensitive content")
                        .font(.title2)
                        .shadow(color: Color.systemBackground, radius: 0.3)
                    if let spoilerText {
                        Text(spoilerText)
                            .font(.body)
                            .multilineTextAlignment(.center)
                            .shadow(color: Color.systemBackground, radius: 0.3)
                    }
                    Button {
                        withAnimation {
                            self.showSensitive = true
                        }
                    } label: {
                        Text("global.title.seePost", comment: "See post")
                            .shadow(color: Color.systemBackground, radius: 0.3)
                    }
                    .buttonStyle(.bordered)
                    Spacer()
                }
                .foregroundColor(.mainTextColor)
            }
            .transition(.opacity)
        }
    }
}