import { useKeenSlider } from 'keen-slider/react' import React, { Children, FC, isValidElement, useState } from 'react' import cn from 'classnames' import s from './ProductSlider.module.css' const ProductSlider: FC = ({ children }) => { const [currentSlide, setCurrentSlide] = useState(0) const [isMounted, setIsMounted] = useState(false) const [ref, slider] = useKeenSlider({ loop: true, slidesPerView: 1, mounted: () => setIsMounted(true), slideChanged(s) { setCurrentSlide(s.details().relativeSlide) }, }) return (
) })}
)} ) } export default ProductSlider