{"version":3,"file":"Scripts_Components_SiteModal_js.4f110526cc30ac6c75d0.js","mappings":";;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AAIA,MAAMG,YAAY,GAAG;AACjBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,GAAG,EAAE,KADE;AAEPC,IAAAA,IAAI,EAAE,KAFC;AAGPC,IAAAA,KAAK,EAAE,MAHA;AAIPC,IAAAA,MAAM,EAAE,MAJD;AAKPC,IAAAA,WAAW,EAAE,MALN;AAMPC,IAAAA,SAAS,EAAE;AANJ,GADQ;AASjBC,EAAAA,OAAO,EAAE;AACLC,IAAAA,MAAM,EAAE;AADH;AATQ,CAArB;;AAaA,MAAMC,SAAS,GAAG,CAAC;AAAET,EAAAA,OAAF;AAAWU,EAAAA;AAAX,CAAD,KAA8B;AAG5C,QAAM,CAACC,WAAD,EAAcC,SAAd,IAA2BhB,2CAAA,CAAe,KAAf,CAAjC;;AAEA,WAASkB,SAAT,GAAqB;AACjBF,IAAAA,SAAS,CAAC,IAAD,CAAT;AACH;;AAGD,WAASG,UAAT,GAAsB;AAClBH,IAAAA,SAAS,CAAC,KAAD,CAAT;AACH;;AAED,SACIZ,OAAO,iBACH,2EACI;AAAQ,aAAS,EAAC,kBAAlB;AAAqC,WAAO,EAAEc;AAA9C,KAA0DhB,gEAAS,CAAC,uBAAD,CAAnE,CADJ,eAEI,iDAAC,oDAAD;AACI,UAAM,EAAEa,WADZ;AAEI,kBAAc,EAAEI,UAFpB;AAGI,SAAK,EAAEhB,YAHX;AAII,gBAAY,EAAC,iBAJjB;AAKI,eAAW,EAAE;AALjB,kBAOI;AAAI,aAAS,EAAC;AAAd,KAAmCD,gEAAS,CAAC,uBAAD,CAA5C,CAPJ,eAQI;AAAQ,aAAS,EAAC,mBAAlB;AAAsC,WAAO,EAAEiB;AAA/C,IARJ,eASI,2EAAK;AAAK,OAAG,EAAC,EAAT;AAAY,OAAG,EAAEf;AAAjB,IAAL,CATJ,CAFJ,CAFR;AAmBH,CAjCD;;AAmCA,iEAAeS,SAAf","sources":["webpack:///./Scripts/Components/SiteModal.js"],"sourcesContent":["import React from 'react';\nimport Modal from 'react-modal';\nimport { translate } from '../Services/translation';\n\n\n\nconst customStyles = {\n    content: {\n      top: '50%',\n      left: '50%',\n      right: 'auto',\n      bottom: 'auto',\n      marginRight: '-50%',\n      transform: 'translate(-50%, -50%)',\n    },\n    overlay: {       \n        zIndex: 1000,\n    },\n  };\nconst SiteModal = ({ content, ContentType }) => {\n\n  \n    const [modalIsOpen, setIsOpen] = React.useState(false);\n\n    function openModal() {\n        setIsOpen(true);\n    }\n\n\n    function closeModal() {\n        setIsOpen(false);\n    }\n\n    return (\n        content && (\n            <div>\n                <button className='site-modal__open' onClick={openModal}>{translate('sizeguide.button.text')}</button>\n                <Modal\n                    isOpen={modalIsOpen}                   \n                    onRequestClose={closeModal}\n                    style={customStyles}\n                    contentLabel=\"Sizeguide Modal\"\n                    ariaHideApp={false}\n                >\n                    <h2 className='site-modal__title'>{translate('sizeguide.modal.title')}</h2>\n                    <button className='site-modal__close' onClick={closeModal}></button>\n                    <div><img alt=\"\" src={content} /></div>\n                  \n                </Modal>\n            </div>\n        )\n    );\n};\n\nexport default SiteModal;\n"],"names":["React","Modal","translate","customStyles","content","top","left","right","bottom","marginRight","transform","overlay","zIndex","SiteModal","ContentType","modalIsOpen","setIsOpen","useState","openModal","closeModal"],"sourceRoot":""}