import React from 'react';
import { useReleva, usePixelProductsImpression } from '@sentecacommerce-theme/lib';
import { CarouselItems } from './CarouselItems';
export var Carousel = props => {
  var {
    withArrows,
    small,
    query,
    withScrollBar
  } = props;
  var {
    recommenders,
    pixelData
  } = useReleva();
  usePixelProductsImpression({
    productsData: pixelData,
    isCarousel: true
  });
  return /*#__PURE__*/React.createElement(React.Fragment, null, recommenders == null ? void 0 : recommenders.map((tab, i) => {
    return /*#__PURE__*/React.createElement(CarouselItems, {
      key: "__" + (tab == null ? void 0 : tab.name) + "__CAROUSEL__" + i,
      query: query,
      header: tab == null ? void 0 : tab.name,
      withArrows: withArrows,
      withScrollBar: withScrollBar,
      small: small,
      skus: tab == null ? void 0 : tab.skus
    });
  }));
};
//# sourceMappingURL=carousel.component.js.map