passepartout-apple/Passepartout/Library/Sources/UILibrary/Views/UI/NameSection.swift

//
//  NameSection.swift
//  Passepartout
//
//  Created by Davide De Rosa on 9/15/24.
//  Copyright (c) 2024 Davide De Rosa. All rights reserved.
//
//  https://github.com/passepartoutvpn
//
//  This file is part of Passepartout.
//
//  Passepartout is free software: you can redistribute it and/or modify
//  it under the terms of the GNU General Public License as published by
//  the Free Software Foundation, either version 3 of the License, or
//  (at your option) any later version.
//
//  Passepartout is distributed in the hope that it will be useful,
//  but WITHOUT ANY WARRANTY; without even the implied warranty of
//  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//  GNU General Public License for more details.
//
//  You should have received a copy of the GNU General Public License
//  along with Passepartout.  If not, see <http://www.gnu.org/licenses/>.
//

import SwiftUI

public struct NameSection: View {

    @Binding
    private var name: String

    private let placeholder: String

    private let footer: String?

    public init(name: Binding<String>, placeholder: String, footer: String? = nil) {
        _name = name
        self.placeholder = placeholder
        self.footer = footer
    }

    public var body: some View {
        debugChanges()
        return Group {
            ThemeTextField(Strings.Global.Nouns.name, text: $name, placeholder: placeholder)
                .labelsHidden()
                .themeManualInput()

#if os(macOS)
            footer.map {
                Text($0)
                    .themeFooter()
            }
#endif
        }
        .themeSection(header: Strings.Global.Nouns.name, footer: footer)
    }
}

// MARK: - Previews

#Preview {
    struct ContentView: View {

        @State
        private var name = ""

        var body: some View {
            Form {
                NameSection(
                    name: $name,
                    placeholder: "My name"
                )
            }
            .themeForm()
        }
    }

    return ContentView()
        .withMockEnvironment()
}