{"version":3,"file":"546.dc03c85c2bb947f2.js","mappings":"uKAMe,SAASA,IACpB,MAAM,SAACC,IAAYC,EAAAA,EAAAA,KAAaC,GAAUA,EAAMC,sBAE1C,SAACC,IAAYH,EAAAA,EAAAA,KAAaC,GAAUA,EAAMG,OAE1CC,EAAQN,EAASO,OAASC,SAASJ,GAuBzC,OArBAK,EAAAA,EAAAA,YAAU,KACN,SAASC,IAEDC,SAASC,KAAKC,MAAMC,cADrBR,EAAQ,EAC6BK,SAASI,eAAe,wBAAwBC,aAAe,KAG/D,IAE3C,CAMD,OAJAC,OAAOC,iBAAiB,SAAUR,GAElCA,IAEO,IAAMO,OAAOE,oBAAoB,SAAUT,EAAlD,GAED,CAACJ,IAMA,uBAAKc,GAAG,uBAAuBC,WAAWC,EAAAA,EAAAA,GAAK,CAC3C,wBAAwB,EACxB,qBAAsBhB,EAAQ,KAE9B,uBAAKe,UAAU,yBACX,uBAAKA,UAAU,qBACX,uBAAKA,UAAU,8BACX,gBAAC,IAAD,OAEJ,uBAAKA,UAAU,8BACX,gBAAC,IAAD,SAMvB,C","sources":["webpack:///./Scripts/Components/BottomBar.js"],"sourcesContent":["import React, {useEffect, useState} from 'react';\nimport MiniCart from \"./MiniCart\";\nimport CompareButton from \"./Header/CompareButton\";\nimport {useSelector} from \"react-redux\";\nimport clsx from \"clsx\";\n\nexport default function BottomBar() {\n    const {products} = useSelector((state) => state.comparisonProducts);\n\n    const {quantity} = useSelector((state) => state.cart);\n    \n    const count = products.length + parseInt(quantity);\n\n    useEffect(() => {\n        function handleResize() {\n            if(count > 0){\n                document.body.style.paddingBottom = document.getElementById('bottom-bar-container').offsetHeight + \"px\";\n            }\n            else {\n                document.body.style.paddingBottom = null;\n            }\n        }\n     \n        window.addEventListener(\"resize\", handleResize);\n  \n        handleResize();\n  \n        return () => window.removeEventListener(\"resize\", handleResize);\n        \n    }, [count]);\n    \n    \n \n    \n    return (\n        <div id=\"bottom-bar-container\" className={clsx({\n            \"bottom-bar lg:hidden\": true,\n            \"bottom-bar--active\": count > 0\n        })}>\n            <div className=\"bottom-bar__container\">\n                <div className=\"bottom-bar__icons\">\n                    <div className=\"bottom-bar__icon-container\">\n                        <CompareButton/>\n                    </div>\n                    <div className=\"bottom-bar__icon-container\">\n                        <MiniCart/>\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n}"],"names":["BottomBar","products","useSelector","state","comparisonProducts","quantity","cart","count","length","parseInt","useEffect","handleResize","document","body","style","paddingBottom","getElementById","offsetHeight","window","addEventListener","removeEventListener","id","className","clsx"],"sourceRoot":""}