<template>
  <div class="o-review-slider__controls">
    <button
        class="o-review-slider__button"
        title="Vorige"
        @click="swiper.slidePrev()"
        :disabled="swiper.isBeginning"
    >
      <svg width="7" height="10">
        <use href="/img/icon-arrowLeft.svg#arrowLeft"></use>
      </svg>
    </button>
    <button
        class="o-review-slider__button"
        title="Volgende"
        @click="swiper.slideNext()"
        :disabled="swiper.isEnd"
    >
      <svg width="7" height="10">
        <use href="/img/icon-arrowRight.svg#arrowRight"></use>
      </svg>
    </button>
  </div>
</template>

<script setup>
import {useSwiper} from "swiper/vue";
const swiper = useSwiper();
</script>