[React] - Compound Component

[isBatak]

How hard would it be to refactor Swiper React to Compound Component

Instead of initialising navigation like this

SwiperCore.use([Navigation]);

<Swiper navigation={true}>
  <SwiperSlide>Slide 1</SwiperSlide>
  <SwiperSlide>Slide 2</SwiperSlide>
  <SwiperSlide>Slide 3</SwiperSlide>
</Swiper>

We can have this:

<Swiper>
  <SwiperSlide>Slide 1</SwiperSlide>
  <SwiperSlide>Slide 2</SwiperSlide>
  <SwiperSlide>Slide 3</SwiperSlide>
  <SwiperNavigation>
    <SwiperButtonNext />
    <SwiperButtonPrevious />
  </SwiperNavigation>
</Swiper>

This will allow us to style each component more easily and reduce complex props on Swiper component (objects inside objects) which are hard to optimise.
We would no longer need to do these checks like needsNavigation because we will do it in the user land.
Also, SwiperNavigation could hide SwiperCore.use([Navigation]); from the user.

Only problem could be with renderSlides but that could be handled with context and useDescendants