{"version":3,"file":"static/chunks/4220.63569d70fa4553a6.js","mappings":"ulBAqJAA,CAAAA,EAAA,QA3I2B,OAAC,CAAEC,UAAAA,CAAS,CAAE,CAAAC,EAC/BC,EAAaC,CAAAA,EAAAA,EAAAA,MAAAA,EAAO,QACpB,CAACC,EAAMC,EAAQ,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAC3B,CAACC,EAASC,EAAW,CAAGF,CAAAA,EAAAA,EAAAA,QAAAA,EAAS,IAEvCG,CAAAA,EAAAA,EAAAA,EAAAA,EAAaP,EAAY,KACrBG,EAAQ,GACZ,GACA,IAAMK,EAAQ,CACVC,eAAgB,OAChBC,MAAO,SACT,EAEF,MACI,GAAAC,EAAAC,GAAA,EAAAD,EAAAE,QAAA,WACKR,EACG,GAAAM,EAAAC,GAAA,EAACE,EAAAA,OAAOA,CAAAA,CAAChB,UAAW,SAAUY,MAAM,YAEpC,GAAAC,EAAAI,IAAA,EAACC,MAAAA,mCACc,2CAAsEC,MAAA,CAA3BnB,GAAwB,cAE7EI,EAAO,GAAAS,EAAAC,GAAA,EAACM,OAAAA,6CAA+B,GAExC,GAAAP,EAAAI,IAAA,EAACC,MAAAA,CAAIG,IAAKnB,iFACN,GAAAW,EAAAI,IAAA,EAACC,MAAAA,2HACG,GAAAL,EAAAC,GAAA,EAACQ,MAAAA,CACGZ,MAAO,CAAEa,MAAO,OAAQC,OAAQ,OAAOC,UAAU,SAAU,EAC3DC,IAAI,oFACJC,IAAK,qDAET,GAAAd,EAAAC,GAAA,EAACc,SAAAA,CACGC,QAAS,IAAMxB,EAAQ,CAACD,sFAI/BA,GACG,GAAAS,EAAAC,GAAA,EAACI,MAAAA,2FACG,GAAAL,EAAAI,IAAA,EAACC,MAAAA,8EAEG,GAAAL,EAAAC,GAAA,EAACgB,IAAIA,CAACC,OAAO,SAASrB,MAAOA,EAAOsB,KAAO,oCACvC,GAAAnB,EAAAI,IAAA,EAACG,OAAAA,sEACG,GAAAP,EAAAC,GAAA,EAACQ,MAAAA,CAAII,IAAKO,IAA0BN,IAAI,2CAAK,gBAGrD,GAAAd,EAAAC,GAAA,EAACgB,IAAIA,CAACC,OAAO,SAAUrB,MAAOA,EAAOsB,KAAME,EAAAA,EAAUA,UACjD,GAAArB,EAAAI,IAAA,EAACG,OAAAA,sEACG,GAAAP,EAAAC,GAAA,EAACQ,MAAAA,CACGI,IAAKS,IACLzB,MAAO,CAAE0B,YAAa,MAAO,EAC7BT,IAAI,sCACL,IAAI,mqDAuFnD,qBCnJAU,EAAAC,OAAA,wFCAAD,EAAAC,OAAA,qqDCAAD,EAAAC,OAAA","sources":["webpack://_N_E/./src/components/NavigationBar/SwitchApplications.js","webpack://_N_E/./public/img/profile-dropdown/CertHub.svg","webpack://_N_E/./public/img/profile-dropdown/Circled Menu.svg","webpack://_N_E/./public/img/profile-dropdown/QuizHub.svg"],"sourcesContent":["import React, { useState, useRef } from \"react\";\n// import Tippy from \"@tippyjs/react\";\nimport { certhubUrl } from \"../../config/config\";\nimport { clickOutside } from \"../../helpers/utils\";\nimport Link from \"next/link\";\nimport Loading from \"../Loading\";\nimport Menu from \"../../../public/img/profile-dropdown/Circled Menu.svg\";\n// import KonfHub from '../../../public/img/profile-dropdown/KonfHub.svg'\nimport QuizHub from \"../../../public/img/profile-dropdown/QuizHub.svg\";\nimport CertHub from \"../../../public/img/profile-dropdown/CertHub.svg\";\nconst SwitchApplications = ({ className }) => {\n    const wrapperRef = useRef(\"menu\");\n    const [open, setOpen] = useState(false);\n    const [loading, setLoading] = useState(false);\n\n    clickOutside(wrapperRef, () => {\n        setOpen(false);\n    });\n    const style = {\n        textDecoration: \"none\",\n        color: \"#2D2D2D\",\n      };\n\n    return (\n        <>\n            {loading ? (\n                <Loading className={\"m-auto\"} color=\"#002e6e\" />\n            ) : (\n                <div\n                    className={`switch-container position-relative ml-3 ${className ? className : \"\"}`}\n                >\n                    {open ? <span className=\"arrow-up\" /> : \"\"}\n\n                    <div ref={wrapperRef} className=\"switch-img-container d-inline-block\">\n                        <div className=\"d-flex align-items-center justify-content-center h-100 w-100 position-relative\">\n                            <img\n                                style={{ width: \"37px\", height: \"37px\",objectFit:\"contain\" }}\n                                src=\"https://d2nnrpx7gk2my2.cloudfront.net/files/672c650a97b04e000924da17/Appsicon.svg\"\n                                alt={\"Profile Picture\"}\n                            />\n                            <button\n                                onClick={() => setOpen(!open)}\n                                className=\"switch-overlay h-100 w-100 position-absolute\"\n                            ></button>\n                        </div>\n                        {open && (\n                            <div className=\"switch-dropDown-container p-2 position-absolute\">\n                                <div className=\"switch-dropdown-options text-left\">\n                                    {/* <a href={`https://www.konfhub.com`}><span className=\"d-flex align-items-center\"> <img src={KonfHub} className=\"me-3\" alt=\"\" /> KonfHub</span> </a> */}\n                                    <Link target='_blank' style={style} href={`https://quiz.konfhub.com`}>\n                                        <span className=\"d-flex align-items-center\">\n                                            <img src={QuizHub} className=\"me-2\" alt=\"\" /> QuizHub\n                                        </span>\n                                    </Link>\n                                    <Link target='_blank'  style={style} href={certhubUrl}>\n                                        <span className=\"d-flex align-items-center\">\n                                            <img\n                                                src={CertHub}\n                                                style={{ marginRight: \"10px\" }}\n                                                alt=\"\"\n                                            />{\" \"}\n                                            CertHub\n                                        </span>\n                                    </Link>\n                                </div>\n                            </div>\n                        )}\n                    </div>\n                    <style jsx>\n                        {`\n                        .switch-container {\n                            height: 40px;\n                        }\n                        .switch-img-container {\n                            height: 42px;\n                            width: 42px;\n                            border-radius: 100%;\n                            overflow: hidden;\n                            // border: 1px solid #fff;\n                            background: #fff;\n                            box-shadow:1px 1px 10px  #0002;\n                        }\n\n                        .switch-overlay {\n                            display:none;\n                            top: 0;\n                            background: #000;\n                            opacity: 0.3;\n                            border-radius: 100%;\n                        }\n\n                        .switch-img-container:hover .switch-overlay {\n                            display:block;\n                            cursor: pointer;\n                        }\n\n                        .arrow-up {\n                            width: 0; \n                            height: 0; \n                            margin-top: -50px !important;\n                            border-left: 8px solid transparent;\n                            border-right: 8px solid transparent;\n                            position: absolute;\n                            top: 87px;\n                            right: 12px;\n                            border-bottom: 16px solid white;\n                        }\n                        .switch-dropDown-container {\n                            z-index: 1030;\n                            width: 140px;\n                            background: #fff;\n                            right: 0px;\n                            border-radius: 3px;\n                            top: 48px;\n                            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.12);\n                        }\n                       \n                        .switch-dropdown-options > * {\n                            display: block;\n                            width: 100%;\n                            padding: 8px 0px 8px 6px;\n                            border-radius:2px;\n                            font-size: 16px;\n                            color: #2D2D2D;\n                            font-family: Nunito;\n                            font-weight: 500;\n                            line-height: 16px;\n                            letter-spacing: 0em;\n                            text-align: left;\n                            text-decoration: none;\n                        }\n\n                        .switch-dropdown-options > *:hover {\n                            background: #80747C33;\n                            color: #2D2D2D;\n                            cursor:pointer\n                        }\n\n                        .switchEvent-pad {\n                            padding-bottom: 0.8rem !important;\n                        }\n                        `}\n                    </style>\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default SwitchApplications;","module.exports = \"/_next/static/images/CertHub-407304abde17e867a7e5df83f7f3c9fc.svg\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxyZWN0IHdpZHRoPSIyMiIgaGVpZ2h0PSIyMiIgZmlsbD0idXJsKCNwYXR0ZXJuMCkiLz4KPGRlZnM+CjxwYXR0ZXJuIGlkPSJwYXR0ZXJuMCIgcGF0dGVybkNvbnRlbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgo8dXNlIHhsaW5rOmhyZWY9IiNpbWFnZTBfMF8zIiB0cmFuc2Zvcm09InNjYWxlKDAuMDEwNDE2NykiLz4KPC9wYXR0ZXJuPgo8aW1hZ2UgaWQ9ImltYWdlMF8wXzMiIHdpZHRoPSI5NiIgaGVpZ2h0PSI5NiIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9wbmc7YmFzZTY0LGlWQk9SdzBLR2dvQUFBQU5TVWhFVWdBQUFHQUFBQUJnQ0FZQUFBRGltSGM0QUFBQUNYQklXWE1BQUFzVEFBQUxFd0VBbXB3WUFBQUIvRWxFUVZSNG5PM2NTVTdETUJTQTRhN2dIallyaGx2Z0J4ZklIUnBIT1FwVlFReVhBUzVCT1FqRHNxaklwQXRRMjZnZWFNRCtQeWtTRW9zWHhlQWs5QmVqRVFBQUFBQUFBTENsUnAyZTFGb3VhMlZtdFpMMzdqQXpxMlU2VnVZNDlZVnNNcCszdGZiZ2ZML1c1cmJXNXNOcVdhdzd2cjZuNUtZNnJQYVlsL2ppVzJVZU4xMzROY2REekNLMG1jL3paclc1OHppNTdsQnl6YnhrZStMbWJXZnpZZVpXbngweEw1SzdJZmxmL09VOVFjbUVlWkdzTXMraEMyQzFQREV2VXEza0xYZ0JsSGxsM29BTFVDdnp3cnhJYkVHU2RJdjFYd0F0MC9BdFNDNllGOG05Zm5lUGxMdDVEQjFuUGkrSSsvTkN3QTM0aW5tSnVOZHU5L3E5OWMxWHkzM01xM3FWK2J6d2sxUnkzZi9yYXVidUp6L0Z5Vldaend2bTlqMzNodXVlQU53ajZ2SXgxWDA5K1kwOTBXWStEd0FBQUFBQUFDaTIxV3hvUTh0b1ViMVBMdWRXczZVTkxhdEY5VUliS3NOK0tFOGJLa25iVjIrRVdUSnNtRVViS2tuYjE1MHVBRzFvQW14Qk11d1dSQnNxU2R0WGI3bTNtbVBhMFBKYVZHKzV0NW9WYmVncTJ0QkNXMDFMR3dvQUFBQUFBSUMvSXZkV3M2RU43ZENHRnRScXRyU2hQOUdHZmtNYktra2pBRyswb2RJVG50R0dMbUpEcVYySFo5NW9RNlV2VGFFTnRmL3MvNVI2b3cyVlliY2cybERwMllKb1F4ZXhqNFcwb1d2UWhoYldhbGEwb2F0b1F3dHROUzF0S0FBQUFBQUFBRVpwZkFJOWwzeE5XOThmUVFBQUFBQkpSVTVFcmtKZ2dnPT0iLz4KPC9kZWZzPgo8L3N2Zz4K\"","module.exports = \"/_next/static/images/QuizHub-7ef1c35b635c9eabbedeac1c8bbe1464.svg\";"],"names":["__webpack_exports__","className","param","wrapperRef","useRef","open","setOpen","useState","loading","setLoading","clickOutside","style","textDecoration","color","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Fragment","Loading","jsxs","div","concat","span","ref","img","width","height","objectFit","src","alt","button","onClick","Link","target","href","QuizHub","certhubUrl","CertHub","marginRight","module","exports"],"sourceRoot":""}