//
//  ContentView.swift
//  Popover
//
//  Created by Yoon Ro on 2024-01-01.
//

import SwiftUI

struct ContentView: View {

    @State var showNewScreen: Bool = false

    var body: some View {
        ZStack{
            Color.clear
            
            VStack{
                Button("Button"){
                    withAnimation(Animation.default){
                        showNewScreen.toggle()
                    }
                }.font(.largeTitle)
                    .padding(.top, 20)
            Spacer()
            }

            
//            METHOD 2 - TRANSITION
    
                if showNewScreen {
                    NewScreen(showNewScreen: $showNewScreen)
                        .padding(.top,100)
                    .transition(AnyTransition.slide.animation(.easeInOut(duration: 1)))            }
//            
//              METHOD 3 - ANIMATION OFFST
//            NewScreen(showNewScreen: $showNewScreen)
//                .offset(y: showNewScreen ? 100 : 700)
//                .frame(depth: 500)
       
        }.background(Color.gray)
            .clipShape(RoundedRectangle(cornerRadius: 25.0))
    }
}

struct NewScreen: View {
    

    @Binding var showNewScreen: Bool
    
    var body: some View {
        ZStack{
            Color.purple
            

            Button(action: {showNewScreen.toggle()}, label: {
                Image(systemName: "xmark")
            })
        }
    }
}
#Preview {
    ContentView()
}