//
// Copyright Amazon.com Inc. or its affiliates.
// All Rights Reserved.
//
// SPDX-License-Identifier: Apache-2.0
//

import SwiftUI

/// This is a convenient way of having a Button display a single known image
struct ImageButton: View {
    private let image: Image
    private let action: () -> ()
    private var color: Color?

    init(
        _ image: Image,
        _ action: @escaping () ->()
    ) {
        self.image = image
        self.action = action
    }

    var body: some View {
        SwiftUI.Button(
            action: {
                action()
            },
            label: {
                SwiftUI.Image(systemName: image.rawValue)
            }
        )
        .buttonStyle(.plain)
        .foregroundColor(color)
        .accessibilityLabel(
            Text(accessibilityLabel)
        )
    }

    func tintColor(_ color: Color?) -> Self {
        var view = self
        view.color = color
        return view
    }

    private var accessibilityLabel: String {
        switch image {
        case .close:
            return "authenticator.imageButton.close".localized()
        case .clear:
            return "authenticator.imageButton.clear".localized()
        case .open:
            return "authenticator.imageButton.open".localized()
        case .showPassword:
            return "authenticator.imageButton.showPassword".localized()
        case .hidePassword:
            return "authenticator.imageButton.hidePassword".localized()
        case .calendar:
            return "authenticator.imageButton.calendar".localized()
        }
    }
}

extension ImageButton {
    enum Image: String {
        case close = "x.circle.fill"
        case clear = "xmark.circle.fill"
        case open = "chevron.down.circle"
        case showPassword = "eye.fill"
        case hidePassword = "eye.slash.fill"
        case calendar = "calendar"
    }
}