{"version":3,"file":"Search.BAre5Riu.mjs","names":["useState","_Fragment"],"sources":["https:/framerusercontent.com/modules/sM3HQUTBMoIwFRkEN6GC/zohAr3njCfJv6CvfkYw6/Search.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";const searchBarStyles={placeholderColor:\"#2B2B2B\",textColor:\"#2B2B2B\",backgroundColor:\"#E5E7EB\",borderColor:\"#2B2B2B\",borderRadius:\"10px\"};const searchBarFontStyles={fontSize:\"16px\",fontFamily:\"Open Sans, sans-serif\",fontWeight:\"normal\"};const searchBarSize={padding:\"12px\",width:\"100%\"};export function cardSearcher(Component){return props=>{const[searchQuery,setSearchQuery]=useState(\"\");useEffect(()=>{const layer=document.querySelector(`.${props.className}`);if(layer){const cards=layer.querySelectorAll(\"[aria-label='cmsitem']\");cards.forEach(card=>{const textElements=card.querySelectorAll(\"*\");let matchFound=false;textElements.forEach(element=>{const text=element.textContent?.toLowerCase()||\"\";const query=searchQuery.toLowerCase();if(text.includes(query)){matchFound=true;}});if(matchFound){card.classList.remove(\"hidden\");}else{card.classList.add(\"hidden\");}});}},[props.className,searchQuery]);const handleSearch=event=>{setSearchQuery(event.target.value);};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{className:\"search-bar\",children:/*#__PURE__*/_jsx(\"input\",{type:\"text\",placeholder:\"Search...\",value:searchQuery,onChange:handleSearch})}),/*#__PURE__*/_jsx(Component,{...props}),/*#__PURE__*/_jsx(\"style\",{children:`\n                    .search-bar {\n                        width: ${searchBarSize.width};\n                        margin-bottom: 10px;\n                    }\n                    .search-bar input {\n                        width: ${searchBarSize.width};\n                        padding: ${searchBarSize.padding};\n                        font-size: ${searchBarFontStyles.fontSize};\n                        font-family: ${searchBarFontStyles.fontFamily};\n                        font-weight: ${searchBarFontStyles.fontWeight};\n                        color: ${searchBarStyles.textColor};\n                        background-color: ${searchBarStyles.backgroundColor};\n                        border: 1px solid ${searchBarStyles.borderColor};\n                        border-radius: ${searchBarStyles.borderRadius};\n                    }\n                    .search-bar input::placeholder {\n                        color: ${searchBarStyles.placeholderColor};\n                    }\n                    .${props.className} .hidden {\n                        display: none;\n                    }\n                `})]});};}\nexport const __FramerMetadata__ = {\"exports\":{\"cardSearcher\":{\"type\":\"reactHoc\",\"name\":\"cardSearcher\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Search.map"],"mappings":"uIAAqZ,SAAgB,EAAa,EAAU,CAAC,MAAO,IAAO,CAAC,GAAK,CAAC,EAAY,GAAgBA,EAAS,GAAG,CAAqkB,OAApkB,MAAc,CAAC,IAAM,EAAM,SAAS,cAAc,IAAI,EAAM,YAAY,CAAI,GAAmB,EAAM,iBAAiB,yBAAyB,CAAO,QAAQ,GAAM,CAAC,IAAM,EAAa,EAAK,iBAAiB,IAAI,CAAK,EAAW,GAAM,EAAa,QAAQ,GAAS,CAAC,IAAM,EAAK,EAAQ,aAAa,aAAa,EAAE,GAAS,EAAM,EAAY,aAAa,CAAI,EAAK,SAAS,EAAM,GAAE,EAAW,KAAQ,CAAI,EAAY,EAAK,UAAU,OAAO,SAAS,CAAO,EAAK,UAAU,IAAI,SAAS,EAAI,EAAI,CAAC,EAAM,UAAU,EAAY,CAAC,CAAqF,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,MAAM,CAAC,UAAU,aAAa,SAAsB,EAAK,QAAQ,CAAC,KAAK,OAAO,YAAY,YAAY,MAAM,EAAY,SAAtO,GAAO,CAAC,EAAe,EAAM,OAAO,MAAM,EAAkN,CAAC,CAAC,CAAC,CAAc,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,CAAc,EAAK,QAAQ,CAAC,SAAS;;iCAE7zC,EAAc,MAAM;;;;iCAIpB,EAAc,MAAM;mCAClB,EAAc,QAAQ;qCACpB,EAAoB,SAAS;uCAC3B,EAAoB,WAAW;uCAC/B,EAAoB,WAAW;iCACrC,EAAgB,UAAU;4CACf,EAAgB,gBAAgB;4CAChC,EAAgB,YAAY;yCAC/B,EAAgB,aAAa;;;iCAGrC,EAAgB,iBAAiB;;uBAE3C,EAAM,UAAU;;;kBAGrB,CAAC,CAAC,CAAC,CAAC,yBAtByD,IAAsC,CAAM,EAAgB,CAAC,iBAAiB,UAAU,UAAU,UAAU,gBAAgB,UAAU,YAAY,UAAU,aAAa,OAAO,CAAO,EAAoB,CAAC,SAAS,OAAO,WAAW,wBAAwB,WAAW,SAAS,CAAO,EAAc,CAAC,QAAQ,OAAO,MAAM,OAAO"}