import { chakra } from "@chakra-ui/react";
import {
  ButtonBack,
  ButtonNext,
  Dot,
  Image,
  ImageWithZoom,
  Slide,
  DotGroup,
  Slider,
} from "pure-react-carousel";

export const StyledButtonBack = chakra(ButtonBack);
export const StyledButtonNext = chakra(ButtonNext);
export const StyledImage = chakra(Image);
export const StyledImageWithZoom = chakra(ImageWithZoom);
export const StyledSlide = chakra(Slide);
export const StyledSlider = chakra(Slider);
export const StyledDot = chakra(Dot);
export const StyledDotGroup = chakra(DotGroup);