import React from 'react';
import { useReleva } from '@sentecacommerce-theme/lib';
import { CarouselComponent } from '../Common';
import { Banner } from './Components/Banner/banner.component';
import { HTML } from './Components/HTML';
export var BannerCarousel = props => {
  var {
    banners,
    withDots,
    withArrows,
    isFullWidth
  } = props;
  var {
    banners: relevaBanners
  } = useReleva();
  return /*#__PURE__*/React.createElement(CarouselComponent, {
    slides: banners.concat(relevaBanners),
    withDots: withDots,
    withArrows: withArrows,
    isBanner: true,
    isFullWidth: isFullWidth,
    renderSlide: banner => {
      if (banner != null && banner.html) return /*#__PURE__*/React.createElement(HTML, {
        html: banner.html
      });
      return /*#__PURE__*/React.createElement(Banner, banner);
    }
  });
};
//# sourceMappingURL=bannerCarousel.component.js.map