{"version":3,"file":"static/js/409.ae473d7d.chunk.js","mappings":"wKAGA,MAiFA,EAjFkBA,KACd,MAAOC,EAAeC,IAAoBC,EAAAA,EAAAA,UAAiB,KACpDC,EAAeC,IAAoBF,EAAAA,EAAAA,WAAkB,GA+C5D,OA/BAG,EAAAA,EAAAA,YAAU,KACN,MAAMC,EAAeA,KACbC,OAAOC,SAAW,IAClBJ,GAAiB,GAEjBA,GAAiB,EACrB,EAKJ,OAFAG,OAAOE,iBAAiB,SAAUH,GAE3B,KACHC,OAAOG,oBAAoB,SAAUJ,EAAa,CACrD,GACF,KAEHD,EAAAA,EAAAA,YAAU,KACNM,EAAAA,GAAOC,YAAYC,SAAS,SAAS,KACjCC,EAAAA,GAAUC,QAAQ,IAGtBJ,EAAAA,GAAOC,YAAYC,SAAS,OAAO,KAC/BC,EAAAA,GAAUC,QAAQ,IAGf,KACHJ,EAAAA,GAAOC,YAAYI,OAAO,SAC1BL,EAAAA,GAAOC,YAAYI,OAAO,MAAM,IAErC,KAGCC,EAAAA,EAAAA,KAAA,OAAAC,SACKf,IACGc,EAAAA,EAAAA,KAAA,OAAKE,UAAS,0FAA4FD,UACtGD,EAAAA,EAAAA,KAAA,MAAIE,UAAU,wDAAuDD,SAjDnE,CACd,CAAEE,GAAI,QAASC,KAAM,YACrB,CAAED,GAAI,aAAcC,KAAM,cAC1B,CAAED,GAAI,WAAYC,KAAM,cACxB,CAAED,GAAI,aAAcC,KAAM,6BAC1B,CAAED,GAAI,YAAaC,KAAM,yBACzB,CAAED,GAAI,WAAYC,KAAM,wBACxB,CAAED,GAAI,SAAUC,KAAM,gBACtB,CAAED,GAAI,WAAYC,KAAM,wBACxB,CAAED,GAAI,YAAaC,KAAM,cACzB,CAAED,GAAI,eAAgBC,KAAM,iBAC5B,CAAED,GAAI,cAAeC,KAAM,uBAuCAC,KAAKC,IACZN,EAAAA,EAAAA,KAACO,EAAAA,GAAI,CAEDC,GAAIF,EAAKH,GACTM,QAAQ,EACRC,SAAU,IACVC,YAAaA,IAAM3B,EAAiBsB,EAAKH,IACzCS,KAAK,EACLC,QAAS,GAAIZ,UAEbD,EAAAA,EAAAA,KAAA,MACIE,UAAS,yCAAAY,OAA2C/B,IAAkBuB,EAAKH,GAAK,2BAA6B,cAC7GY,MAAO,CAAEC,gBAAiBjC,IAAkBuB,EAAKH,GAAK,UAAY,eAAiBF,UAEnFD,EAAAA,EAAAA,KAAA,KAAGiB,KAAI,KAAAH,OAAOR,EAAKH,IAAMD,UAAU,YAAWD,SACzCK,EAAKF,UAbTE,EAAKH,WAqB5B,C","sources":["SideMenuHome/Subheader.tsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport { Link, Events, scrollSpy } from 'react-scroll';\r\n\r\nconst Subheader = () => {\r\n    const [activeSection, setActiveSection] = useState<string>('');\r\n    const [isMenuVisible, setIsMenuVisible] = useState<boolean>(false);\r\n\r\n    const menuItems = [\r\n        { id: 'About', name: 'About Us' },\r\n        { id: 'industries', name: 'Industries' },\r\n        { id: 'whatWeDo', name: 'What We Do' },\r\n        { id: 'Technology', name: 'Technologies we work with' },\r\n        { id: 'enhancing', name: 'Enhancing Your Dreams' },\r\n        { id: 'solution', name: 'Solutions We Deliver' },\r\n        { id: 'itEcho', name: 'IT Ecosystem' },\r\n        { id: 'industry', name: 'Industries Expertise' },\r\n        { id: 'ourClient', name: 'Our Client' },\r\n        { id: 'successStory', name: 'Success Story' },\r\n        { id: 'letsconnect', name: 'Let’s Connect' },\r\n    ];\r\n\r\n    useEffect(() => {\r\n        const handleScroll = () => {\r\n            if (window.scrollY >= 590) {\r\n                setIsMenuVisible(true);\r\n            } else {\r\n                setIsMenuVisible(false);\r\n            }\r\n        };\r\n\r\n        window.addEventListener('scroll', handleScroll);\r\n\r\n        return () => {\r\n            window.removeEventListener('scroll', handleScroll);\r\n        };\r\n    }, []);\r\n\r\n    useEffect(() => {\r\n        Events.scrollEvent.register('begin', () => {\r\n            scrollSpy.update();\r\n        });\r\n\r\n        Events.scrollEvent.register('end', () => {\r\n            scrollSpy.update();\r\n        });\r\n\r\n        return () => {\r\n            Events.scrollEvent.remove('begin');\r\n            Events.scrollEvent.remove('end');\r\n        };\r\n    }, []);\r\n\r\n    return (\r\n        <div>\r\n            {isMenuVisible && (\r\n                <div className={`hidden lg:block fixed top-[50px] w-full px-2 text-xs font-normal bg-footerDark z-[9999]`}>\r\n                    <ul className='flex flex-row justify-between items-center text-white'>\r\n                        {menuItems.map((item) => (\r\n                            <Link \r\n                                key={item.id} \r\n                                to={item.id} \r\n                                smooth={true} \r\n                                duration={1000} \r\n                                onSetActive={() => setActiveSection(item.id)}\r\n                                spy={true}\r\n                                offset={-50} // Adjust offset to align correctly with your header\r\n                            >\r\n                                <li \r\n                                    className={`py-4 px-2 rounded-t-lg cursor-pointer ${activeSection === item.id ? 'bg-white text-footerDark' : 'opacity-50'}`}\r\n                                    style={{ backgroundColor: activeSection === item.id ? '#f4fcff' : 'transparent' }} // Change the background color here\r\n                                >\r\n                                    <a href={`/#${item.id}`} className='font-bold'>\r\n                                        {item.name}\r\n                                    </a>\r\n                                </li>\r\n                            </Link>\r\n                        ))}\r\n                    </ul>\r\n                </div>\r\n            )}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Subheader;\r\n"],"names":["Subheader","activeSection","setActiveSection","useState","isMenuVisible","setIsMenuVisible","useEffect","handleScroll","window","scrollY","addEventListener","removeEventListener","Events","scrollEvent","register","scrollSpy","update","remove","_jsx","children","className","id","name","map","item","Link","to","smooth","duration","onSetActive","spy","offset","concat","style","backgroundColor","href"],"sourceRoot":""}