import { FC, useState } from 'react' import React from 'react' import SwipeableViews from 'react-swipeable-views' interface Props { children?: any } const ProductSlider: FC = ({ children }) => { const [idx, setIdx] = useState(0) const count = React.Children.count(children) const goBack = () => { idx !== 0 ? setIdx(idx - 1) : setIdx(count - 1) } const goNext = () => { idx + 1 === count ? setIdx(0) : setIdx(idx + 1) } return (
{children}
) } export default ProductSlider