/* eslint-disable no-unused-vars */
/* eslint-disable react/react-in-jsx-scope */
// @ts-nocheck
import { __assign, __rest } from "tslib";
import 'swiper/swiper.scss';
import 'swiper/components/navigation/navigation.scss';
import 'swiper/components/pagination/pagination.scss';
import './Slider.css';
import React from 'react';
import SwiperCore, { Autoplay, EffectFade, Lazy, Navigation, Pagination } from 'swiper';
import { Swiper, SwiperSlide } from 'swiper/react';
import { cn } from '../../utils/bem';
SwiperCore.use([Navigation, Pagination, Autoplay, Lazy, EffectFade]);
var cnSlider = cn('Slider');
export var Slider = function (_a) {
    var children = _a.children, className = _a.className, _b = _a.centerNavigationOnMobile, centerNavigationOnMobile = _b === void 0 ? true : _b, type = _a.type, otherProps = __rest(_a, ["children", "className", "centerNavigationOnMobile", "type"]);
    return (React.createElement(Swiper, __assign({}, otherProps, { className: cnSlider({
            'centered-navigation-mobile': centerNavigationOnMobile,
            type: type
        }, [className]) }), children));
};
export var SliderItem = SwiperSlide;
export var renderFraction = function (currentClass, totalClass, index, total) {
    return "<span class=".concat(currentClass, ">").concat(index, "</span> <span class=\"delimiter\"></span> <span class=").concat(totalClass, ">").concat(total, "</span>");
};
