{"version":3,"file":"TextHighlighter.CtZDN5p4.mjs","names":[],"sources":["https:/framerusercontent.com/modules/C3O2sCv6cN4am2k2jymB/upnHhANkU6XO7ltDDggn/TextHighlighter.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import React from\"react\";export function withCustomTextSelection(Component){return props=>{React.useEffect(()=>{// Inject custom CSS for text selection highlight\nconst style=document.createElement(\"style\");style.textContent=`\n                ::selection {\n                    background-color: #00DD00; /* Custom highlight color */\n                    color: #000000; /* Optional: Text color within the selection */\n                    font-size: inherit; /* Ensure the font size remains the same */\n                    line-height: inherit; /* Ensure the line height remains the same */\n                    font-weight: inherit; /* Ensure the font weight remains the same */\n                }\n            `;document.head.appendChild(style);return()=>{document.head.removeChild(style)// Cleanup the style on component unmount\n;};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withCustomTextSelection\":{\"type\":\"reactHoc\",\"name\":\"withCustomTextSelection\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextHighlighter.map"],"mappings":"kHAAoE,SAAgB,EAAwB,EAAU,CAAC,MAAO,KAAQ,EAAM,cAAc,CAC1J,IAAM,EAAM,SAAS,cAAc,QAAQ,CAQI,MARH,GAAM,YAAY;;;;;;;;cAQhD,SAAS,KAAK,YAAY,EAAM,KAAW,CAAC,SAAS,KAAK,YAAY,EAAM,GACrF,EAAE,CAAC,CAAqB,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,mBAVZ,IAAyB"}