{"version":3,"sources":["webpack:///./Scripts/Components/Slider.js"],"names":["CarouselSettings","showStatus","showThumbs","infiniteLoop","Slider","values","value","index","className","key","style","backgroundImage","image","title","content","href","url","text"],"mappings":"yKAIMA,EAAmB,CACvBC,YAAY,EACZC,YAAY,EACZC,cAAc,GA4BDC,UAzBA,SAAC,GAAD,IAAGC,EAAH,cACb,kBAAC,WAAaL,EACX,IAAAK,GAAM,KAANA,GAAW,SAACC,EAAOC,GAAR,OACV,yBAAKC,UAAU,oBAAoBC,IAAG,gBAAWF,IAC/C,yBAAKC,UAAU,2BACb,yBACEA,UAAU,gBACVE,MAAO,CAAEC,gBAAiB,OAASL,EAAMM,MAAQ,QAGrD,yBAAKJ,UAAU,mBACb,yBAAKA,UAAU,6BAA6BF,EAAMO,OAClD,yBAAKL,UAAU,yBAAyBF,EAAMQ,SAC9C,yBAAKN,UAAU,kBACb,uBAAGA,UAAU,aAAaO,KAAMT,EAAMU,KACpC,0BAAMR,UAAU,sBAChB,0BAAMA,UAAU,IAAIF,EAAMW","file":"8.8f9358864a5950e76810.js","sourcesContent":["import React from \"react\";\nimport \"react-responsive-carousel/lib/styles/carousel.min.css\";\nimport { Carousel } from \"react-responsive-carousel\";\n\nconst CarouselSettings = {\n  showStatus: false,\n  showThumbs: false,\n  infiniteLoop: true,\n};\n\nconst Slider = ({ values }) => (\n  <Carousel {...CarouselSettings}>\n    {values.map((value, index) => (\n      <div className=\"slider__container\" key={`figure${index}`}>\n        <div className=\"slider__image-container\">\n          <div\n            className=\"slider__image\"\n            style={{ backgroundImage: \"url(\" + value.image + \")\" }}\n          ></div>\n        </div>\n        <div className=\"slider__content\">\n          <div className=\"slider__content--title h1\">{value.title}</div>\n          <div className=\"slider__content--text\">{value.content}</div>\n          <div className=\"slider__button\">\n            <a className=\"btn-invert\" href={value.url}>\n              <span className=\"sicon-arrow-right\"></span>\n              <span className=\"\">{value.text}</span>\n            </a>\n          </div>\n        </div>\n      </div>\n    ))}\n  </Carousel>\n);\n\nexport default Slider;\n"],"sourceRoot":""}