{"version":3,"file":"433.250958314c9265c86e99.js","mappings":"0JAOA,MAuBA,EAvBiC,EAAGA,SAAQC,gBAExC,gBAAC,UAAD,CACAA,WAAYA,EACZC,WAAW,EACXC,UAAU,EACVC,SAAUJ,EAAOK,OAAS,GACrBL,EAAOM,KAAI,CAACC,EAAOC,IAEhB,gBAAC,EAAAC,SAAD,CAAUC,IAAK,oBAAoBF,GACnC,uBAAKG,UAAU,0BAA0BD,IAAM,SAAQF,KACnD,qBAAGG,UAAU,yBAAyBC,KAAML,EAAMM,KAE9C,uBAAKF,UAAU,iCAAiCG,wBAAyB,CAAEC,OAAQR,EAAMS,UAE5FT,EAAMU,KAAQ,2BAAK,0BAAKV,EAAMU,OAAmB,O","sources":["webpack:///./Scripts/Components/ProductAndCategorySlider.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\nimport Carousel from 'react-multi-carousel';\nimport 'react-multi-carousel/lib/styles.css';\n\n\n\nconst ProductAndCategorySlider = ({ values, responsive }) => {\n    return (\n    <Carousel \n    responsive={responsive}\n    swipeable={true}\n    infinite={true}\n    showDots={values.length > 1 ? true: false}>\n        {values.map((value, index) => (\n            \n            <Fragment key={\"product-slider-fg\"+index}>\n            <div className=\"product-category__outer\" key={`figure${index}`}>\n                <a className=\"product-category__link\" href={value.url}>\n                    {/* <img className=\"product-category__image\" src={value.image} /> */}\n                    <div className=\"product-category__image--outer\" dangerouslySetInnerHTML={{ __html: value.image }}></div>\n                </a>\n                {value.text ? (<div><h3>{value.text}</h3></div>): ''}\n                \n            </div>\n            </Fragment>\n        ))}\n    </Carousel>\n)};\n\nexport default ProductAndCategorySlider;\n"],"names":["values","responsive","swipeable","infinite","showDots","length","map","value","index","Fragment","key","className","href","url","dangerouslySetInnerHTML","__html","image","text"],"sourceRoot":""}