{"version":3,"file":"static/chunks/app/@subnavbar/page-82e862cbc8eb629c.js","mappings":"0JAMO,IAAMA,EAAa,CACxB,CACEC,KAAM,OACR,EACA,CACEA,KAAM,KACR,EACA,CACEA,KAAM,QACR,EACA,CACEA,KAAM,QACR,EACD,CACc,SAASC,IACtB,GAAM,CAACC,EAAaC,EAAe,CAAGC,CAAAA,EAAAA,EAAAA,QAAAA,CAAQA,CAAC,IACzC,CAACC,EAAQC,EAAU,CAAGF,CAAAA,EAAAA,EAAAA,QAAAA,CAAQA,CAAC,IAE/BG,EAAWC,CAAAA,EAAAA,EAAAA,WAAAA,CAAWA,GAoB5B,MAlBAC,CAAAA,EAAAA,EAAAA,OAAAA,CAAOA,CAAC,KACN,IAAMC,EAAc,IAClB,IAAMC,EAAQC,EAAUD,KAAK,CAAC,KAC9B,OAAOA,CAAK,CAACA,EAAME,MAAM,CAAG,EAAE,EAE1BC,EAAqBC,WACRR,EAAAA,KAAAA,EAAAA,EAAUS,QAAQ,CAACD,CAAnBR,CAAyBP,KAAI,IAE5CG,EAAeY,EAAMf,IAAI,EACzBM,EAAUI,EAAYO,CAAAA,EAAAA,EAAAA,EAAAA,CAAYA,CAACF,EAAMf,IAAI,IAEjD,EAEAD,EAAWmB,OAAO,CAAC,IACjBJ,EAAkBC,EACpB,EACF,EAAG,CAACR,EAAS,EAEN,aAAEL,SAAaG,CAAO,CAC/B,mBC7CA,uCAAmJ,+DCA5I,SAASc,EAAUC,CAOzB,EACC,GAAM,SAAEC,CAAO,YAAEC,CAAU,UAAEC,CAAQ,aAAEC,CAAW,cAAEC,CAAY,CAAE,GAAGC,EAAM,CAAGN,EAE9E,MACE,UAACO,MAAAA,CAAIC,GAAG,WAAWC,UAAU,gCAC3B,WAACF,MAAAA,CAAIE,UAAU,kBAAmB,GAAGH,CAAI,WACvC,UAACI,QAAAA,CACCC,KAAK,SACLF,UAAU,uKAeVL,YAAaA,GAA4B,WAAdA,GAE7B,UAACQ,SAAAA,CACCD,KAAK,SACLE,aAAW,SACXJ,UAAU,4GAUV,UAACK,MAAAA,CAAIL,UAAU,UAAUM,KAAK,OAAOC,OAAO,eAAeC,QAAQ,YAAYC,MAAM,sCACnF,UAACtC,OAAAA,CAAKuC,cAAc,QAAQC,eAAe,QAAQC,YAAa,EAAGC,EAAE,wDAMjF,iIC9Ce,SAASC,IACtB,GAAM,aAAEzC,CAAW,QAAEG,CAAM,CAAE,CAAGJ,CAAAA,EAAAA,EAAAA,CAAAA,CAAoBA,GACpD,MACE,WAAC0B,MAAAA,CAAIE,UAAU,4FACb,UAACF,MAAAA,CAAIE,UAAU,yCACb,UAACe,EAAAA,CAAW1C,YAAaA,MAE3B,WAACyB,MAAAA,CAAIE,UAAU,8EACb,WAACgB,KAAAA,CAAGhB,UAAU,0CAAgC,YAAUxB,KACxD,UAACsB,MAAAA,CAAIE,UAAY,gFAEnB,UAACF,MAAAA,CAAIE,UAAU,qBACb,UAACV,EAAAA,CAASA,CAAAA,CAAAA,OAIlB,CAEO,SAASyB,EAAW,CAAwC,KAAxC,aAAE1C,CAAW,CAA2B,CAAxC,EACzB,MACE,UAACyB,MAAAA,CAAIE,UAAU,mCACZ9B,EAAAA,CAAUA,CAAC+C,GAAG,CAAC,CAAC/B,EAAOgC,KACtB,IAAMC,EAAWjC,EAAMf,IAAI,GAAKE,EAAY+C,WAAW,GACvD,MACE,WAACtB,MAAAA,CAAgBE,UAAU,uCACzB,UAACqB,IAAIA,CAACC,KAAM,WAAsB,OAAXpC,EAAMf,IAAI,EAAI6B,UAAW,GAA3CqB,YAA6G,OAAnDF,EAAW,kBAAoB,8BAC3F/B,CAAAA,EAAAA,EAAAA,EAAAA,CAAYA,CAACF,EAAMf,IAAI,IAE1B,UAAC2B,MAAAA,CAAIE,UAAW,6DAA2G,OAA9CmB,EAAW,gBAAkB,sBAJlGD,EAOd,IAGN","sources":["webpack://_N_E/./app/utils/hooks/useActiveRouteBanner.tsx","webpack://_N_E/?d8bc","webpack://_N_E/./app/components/icons/SearchBar.tsx","webpack://_N_E/./app/events/_components/categoriesNav.tsx"],"sourcesContent":["import { usePathname } from 'next/navigation'\nimport { useMemo, useState } from 'react'\nimport { toPascalCase } from '../typeConverters'\ntype CategoriesRoute = {\n  path: string\n}\nexport const categories = [\n  {\n    path: 'music',\n  },\n  {\n    path: 'art',\n  },\n  {\n    path: 'online',\n  },\n  {\n    path: 'sports',\n  },\n]\nexport default function useActiveRouteBanner() {\n  const [activeRoute, setActiveRoute] = useState('')\n  const [banner, setBanner] = useState('')\n  // verifies if routeName is the one active (in browser input)\n  const pathname = usePathname()\n\n  useMemo(() => {\n    const bannerSplit = (routeName: string) => {\n      const split = routeName.split('/')\n      return split[split.length - 1]\n    }\n    const handleActiveRoute = (route: CategoriesRoute) => {\n      const isActive = pathname?.includes(route.path)\n      if (isActive) {\n        setActiveRoute(route.path)\n        setBanner(bannerSplit(toPascalCase(route.path)))\n      }\n    }\n\n    categories.forEach((route: CategoriesRoute) => {\n      handleActiveRoute(route)\n    })\n  }, [pathname])\n\n  return { activeRoute, banner }\n}\n","import(/* webpackMode: \"eager\", webpackExports: [\"default\"] */ \"/codebuild/output/src1784519652/src/soti/app/events/_components/categoriesNav.tsx\");\n","export function SearchBar(props: {\n  variant?: string\n  background?: string\n  children?: JSX.Element\n  placeholder?: string\n  borderRadius?: string | number\n  [x: string]: any\n}) {\n  const { variant, background, children, placeholder, borderRadius, ...rest } = props\n\n  return (\n    <div id=\"SeachBar\" className=\"w-full max-w-[600px]\">\n      <div className=\"relative w-full\" {...rest}>\n        <input\n          type=\"search\"\n          className=\"\n            w-full\n            h-10\n            pl-4\n            pr-12\n            rounded-full\n            bg-navy-800\n            text-white\n            placeholder-gray-500\n            border\n            border-navy-700\n            focus:outline-none\n            focus:border-brand-400\n            transition-colors\n          \"\n          placeholder={placeholder ? placeholder : 'Search...'}\n        />\n        <button\n          type=\"button\"\n          aria-label=\"search\"\n          className=\"\n            absolute\n            right-4\n            top-1/2\n            -translate-y-1/2\n            text-gray-500\n            hover:text-gray-400\n            focus:outline-none\n          \"\n        >\n          <svg className=\"w-5 h-5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth={2} d=\"M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z\" />\n          </svg>\n        </button>\n      </div>\n    </div>\n  )\n}\n","'use client'\nimport Link from 'next/link'\nimport { SearchBar } from '../../components/icons/SearchBar'\nimport useActiveRouteBanner, { categories } from '../../utils/hooks/useActiveRouteBanner'\nimport { toPascalCase } from '../../utils/typeConverters'\n\nexport default function CategoriesNav() {\n  const { activeRoute, banner } = useActiveRouteBanner()\n  return (\n    <div className=\"h-full flex flex-row gap-2 items-end justify-between lg:justify-start px-8 py-2\">\n      <div className=\"w-[300px] flex justify-center\">\n        <MainRoutes activeRoute={activeRoute} />\n      </div>\n      <div className=\"hidden w-full lg:flex flex-col flex-1 justify-center items-center\">\n        <h1 className=\"text-2xl font-bold text-white\">Trending {banner}</h1>\n        <div className={`h-[2px] w-4/5 mt-1 rounded transition-colors duration-200 bg-transparent`} />\n      </div>\n      <div className=\"w-[250px]\">\n        <SearchBar />\n      </div>\n    </div>\n  )\n}\n\nexport function MainRoutes({ activeRoute }: { activeRoute: string }) {\n  return (\n    <div className=\"flex items-center gap-8\">\n      {categories.map((route, index: number) => {\n        const isActive = route.path === activeRoute.toLowerCase()\n        return (\n          <div key={index} className=\"flex flex-col items-center\">\n            <Link href={`/events/${route.path}`} className={`font-medium ${isActive ? 'text-nav-active' : 'text-nav-inactive'}`}>\n              {toPascalCase(route.path)}\n            </Link>\n            <div className={`h-[2px] w-4/5 mt-1 rounded transition-colors duration-200 ${isActive ? 'bg-nav-border' : 'bg-transparent'}`} />\n          </div>\n        )\n      })}\n    </div>\n  )\n}\n\nexport function EventNav() {\n  const { activeRoute, banner } = useActiveRouteBanner()\n  return (\n    <div className=\"h-full flex flex-row gap-2 items-end justify-between lg:justify-start px-8 py-2\">\n      <div className=\"w-[300px] flex justify-center\">\n        <MainRoutes activeRoute={activeRoute} />\n      </div>\n      <div className=\"hidden w-full lg:flex flex-col flex-1 justify-center items-center\">\n        <h1 className=\"text-2xl font-bold text-white\">Trending {banner}</h1>\n        <div className={`h-[2px] w-4/5 mt-1 rounded transition-colors duration-200 bg-transparent`} />\n      </div>\n      <div className=\"w-[250px]\">\n        <SearchBar />\n      </div>\n    </div>\n  )\n}\n"],"names":["categories","path","useActiveRouteBanner","activeRoute","setActiveRoute","useState","banner","setBanner","pathname","usePathname","useMemo","bannerSplit","split","routeName","length","handleActiveRoute","route","includes","toPascalCase","forEach","SearchBar","props","variant","background","children","placeholder","borderRadius","rest","div","id","className","input","type","button","aria-label","svg","fill","stroke","viewBox","xmlns","strokeLinecap","strokeLinejoin","strokeWidth","d","CategoriesNav","MainRoutes","h1","map","index","isActive","toLowerCase","Link","href"],"sourceRoot":"","ignoreList":[]}