¿Cómo puedo deslizar hacia arriba y hacia abajo para cambiar una diapositiva cuando el div gira (90 grados)? Gracias.

 import React from "react"; import { Swiper, SwiperSlide } from "swiper/react"; import SwiperCore, { Navigation, Pagination, Autoplay, Virtual } from "swiper/core"; import "swiper/swiper-bundle.css"; import "./styles.css"; SwiperCore.use([Navigation , Pagination, Autoplay, Virtual]); export default function App() { const slides = []; for (let i = 0; i < 12; i++) { slides.push( <SwiperSlide key={`slide-${i}`} style={{ listStyle: "none" }}> <div className="slide"> <h3>{i}</h3> </div> </SwiperSlide> ); } return ( <div style={{ transform: "rotate(90deg)" }}> <Swiper id="swiper" virtual slidesPerView={3} spaceBetween={30} onReachEnd={() => { console.log("reach end"); const tmp = slides.unshift(); slides.push(tmp); }} navigation pagination > {slides} </Swiper> </div> ); }

[ingrese la descripción del enlace aquí] [1]: https://codesandbox.io/s/swiper-react-demo-forked-kp24s?file=/src/App.js