{"version":3,"sources":["components/InfoScreen/styles.js","components/InfoScreen/index.tsx","pages/OnlineOfferCancelPage/index.tsx"],"names":["InfoScreenWrapper","styled","div","withConfig","componentId","rgba","color","InfoIcon","InfoScreen","_ref","children","React","createElement","FaIcon","icon","OnlineOfferCancelPage","message","useSelector","state","document"],"mappings":"4KAIO,MAAMA,EAAoBC,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,4JAE5BI,YAAKC,YAAM,cAAe,GAAI,MAahCC,EAAWN,IAAOC,IAAGC,WAAA,CAAAC,YAAA,eAAVH,CAAU,oEACxBK,YAAM,cAAe,ICHhBE,IAbIC,IAAiB,IAAhB,SAAEC,GAAUD,EAC/B,OACCE,IAAAC,cAACZ,EAAiB,KACjBW,IAAAC,cAAA,WACCD,IAAAC,cAACL,EAAQ,KACRI,IAAAC,cAACC,IAAM,CAACC,KAAM,CAAC,MAAO,kBAEtBJ,M,iCCXL,6CAeeK,UAVeA,KAC7B,MAAM,QAAEC,GAAYC,sBAAaC,GAA6BA,EAAMC,UAEpE,OACCR,IAAAC,cAACJ,IAAU,KACVG,IAAAC,cAAA,UAAKI","file":"assets/js/pages-OnlineOfferCancelPage.chunk.js?cb=9d2e7e22cc52f38cf7d4","sourcesContent":["import styled from \"styled-components\";\nimport { color } from \"@utils/style-utils\";\nimport { rgba } from \"polished\";\n\nexport const InfoScreenWrapper = styled.div`\n\talign-items: center;\n\tbackground: ${rgba(color(\"greenBright\", 4), 0.25)};\n\tdisplay: flex;\n\tjustify-content: center;\n\tmin-height: 100vh;\n\tpadding: 25px;\n\tposition: relative;\n\twidth: 100%;\n\n\th2 {\n\t\ttext-align: center;\n\t}\n`;\n\nexport const InfoIcon = styled.div`\n\tcolor: ${color(\"greenBright\", 1)};\n\tfont-size: 22px;\n\ttext-align: center;\n\n\tsvg {\n\t\tmax-width: 22px;\n\t}\n`;\n","import React from \"react\";\nimport { FontAwesomeIcon as FaIcon } from \"@fortawesome/react-fontawesome\";\nimport { InfoScreenWrapper, InfoIcon } from \"./styles\";\n\nconst InfoScreen = ({ children }) => {\n\treturn (\n\t\t<InfoScreenWrapper>\n\t\t\t<div>\n\t\t\t\t<InfoIcon>\n\t\t\t\t\t<FaIcon icon={[\"fas\", \"info-circle\"]} />\n\t\t\t\t</InfoIcon>\n\t\t\t\t{children}\n\t\t\t</div>\n\t\t</InfoScreenWrapper>\n\t);\n};\n\nexport default InfoScreen;\n","import React from \"react\";\nimport InfoScreen from \"@components/InfoScreen\";\nimport { useSelector } from \"react-redux\";\nimport { IApplicationState } from \"@redux\";\n\nconst OnlineOfferCancelPage = () => {\n\tconst { message } = useSelector((state: IApplicationState) => state.document);\n\n\treturn (\n\t\t<InfoScreen>\n\t\t\t<h2>{message}</h2>\n\t\t</InfoScreen>\n\t);\n};\n\nexport default OnlineOfferCancelPage;\n"],"sourceRoot":""}