struct InfoView: View {
    var title: String
    @Binding var text: String
    @FocusState var isActive
    var body: some View {
        ZStack(alignment: .leading) {
            TextField("", text: $text)
                .padding(.leading)
                .frame(maxWidth: .infinity)
                .frame(height: 50)
                .focused($isActive)
                .background(.gray.opacity(0.3), in: .rect(cornerRadius: 16))
            
            Text(title)
                .padding(.horizontal)
                .offset(y: (isActive || !text.isEmpty) ? -50 : 0)
                .foregroundStyle(isActive ? .black : .secondary)
                .animation(.spring, value: isActive)
        }
    }
}

struct SwiftUIView: View {
    @State var email = ""
    @State var name = ""

    var body: some View {
        VStack(spacing: 45) {
            InfoView(title: "Email", text: $email)
            InfoView(title: "Name", text: $name)
        }
    }
}

struct CustomToggleStyle: ToggleStyle {
var onImage: String
var offImage: String
var onColor: Color
var offColor: Color

init(onImage: String = "checkmark", offImage: String = "xmark", onColor: Color = .green, offColor: Color = .black) {
self.onImage = onImage
self.offImage = offImage
self.onColor = onColor
self.offColor = offColor
}

func makeBody(configuration: Configuration) -> some View {
LabeledContent {
Capsule()
.foregroundStyle(configuration.isOn ? onColor : offColor)
.frame(width: 54, height: 30, alignment: .center)
.overlay {
Circle()
.foregroundStyle(.white)
.padding(.all, 2)
.overlay {
Image(systemName: configuration.isOn ? onImage : offImage)
.resizable()
.aspectRatio(contentMode: .fit)
.font(.title)
.fontWeight(.black)
.frame(width: 15, height: 15, alignment: .center)
.foregroundStyle(configuration.isOn ? onColor : .black)
.drawingGroup()
}
.offset(x: configuration.isOn ? 12 : -12, y: 0)
.animation(.bouncy, value: configuration.isOn)
}
.onTapGesture {
configuration.isOn.toggle()
}
.accessibilityAddTraits(.isButton)
} label: {
configuration.label
}
}
}