// styling
import styles from './styles.module.scss';
import symbol from "@assets/symbol-defs.svg";

const BannerControls = ({swiper}) => {

    const handlePrev = () => swiper.slidePrev();
    const handleNext = () => swiper.slideNext();

    return (
        <>
            <button onClick={handlePrev} className={`${styles.banner_swiper_btn} ${styles.swiper_prev}`}>
                <svg className={`${styles.swiper_icon}`}>
                    <use xlinkHref={`${symbol}#icon_Arrow`} />
                </svg>
            </button>
            <button onClick={handleNext} className={`${styles.banner_swiper_btn} ${styles.swiper_next}`}>
                <svg className={`${styles.swiper_icon}`}>
                    <use xlinkHref={`${symbol}#icon_Arrow`} />
                </svg>
            </button>
        </>
    );
}

export default BannerControls
