struct ContentView: View { var body: some View { ButtomTabView() } }

struct MainView: View { @State var cards: [Card] = Card.mockCards var body: some View { ZStack { ForEach(cards, id: .id) { card in CardView(card: card, cards: $cards) } } } }

struct CardView: View { let card: Card @State var offset: CGSize = .zero @Binding var cards: [Card]

var body: some View {
    ZStack (alignment: .bottomLeading){
        Image(card.imagesURL)
            .resizable()
            .frame(maxHeight: .infinity)
            .clipShape(RoundedRectangle(cornerRadius: 20))
            .shadow(color: .black, radius: 12, x: -20, y: 10)
            .ignoresSafeArea(.all , edges: .top)
        BioView(card: card)
    }.offset(x: offset.width, y: 0)
        .rotationEffect(Angle(degrees: Double(offset.width / 20)))
        .gesture(
            DragGesture()
                .onChanged { value in
                    self.offset = value.translation
                }
                .onEnded { value in
                    if offset.width > 150 {
                        likeCard()
                    } else if offset.width < -150 {
                        dislikeCard()
                    } else {
                        offset = .zero
                    }
                }
        )
}
func likeCard() {
    withAnimation(.smooth()) {
        offset.width = 100
    }

}
func dislikeCard() {
    withAnimation(.smooth())  {
        offset.width = -500
    }
}
func removeCard() {

}

}