1523-595b79fc1b4b0ade3b67.js

"use strict";(self.webpackChunkembla_carousel_docs=self.webpackChunkembla_carousel_docs||[]).push([[1523],{1523:function(e,a,n){n.r(a),a.default='import React from \'react\';\nimport useEmblaCarousel from \'embla-carousel-react\';\nimport imageByIndex from \'../imageByIndex\';\n\nconst EmblaCarousel = (props) => {\n    const { slides, options } = props;\n    const [emblaRef] = useEmblaCarousel(options);\n    \n    return (<div className="embla">\n      <div className="embla__viewport" ref={emblaRef}>\n        <div className="embla__container">\n          {slides.map((index) => (<div className="embla__slide" key={index}>\n              <div className="embla__slide__number">\n                <span>{index + 1}</span>\n              </div>\n              <img className="embla__slide__img" src={imageByIndex(index)} alt="Your alt text"/>\n            </div>))}\n        </div>\n      </div>\n    </div>);\n};\n\nexport default EmblaCarousel;\n'}}]);
//# sourceMappingURL=1523-595b79fc1b4b0ade3b67.js.map