{"version":3,"file":"Text_Highlight.BdnNaK8v.mjs","names":[],"sources":["https:/framerusercontent.com/modules/ciMQWICwuPz0ht4bWEgD/BSmfkEoU3KmLxfCMldbt/Text_Highlight.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";// Higher-order component to inject custom ::selection styling\nexport function withCustomTextSelection(Component){return props=>{useEffect(()=>{// Create a <style> tag and inject selection styling\nconst style=document.createElement(\"style\");style.textContent=`\n                ::selection {\n                    background-color: rgba(61, 155, 233, 0.5); /* Custom highlight color */\n                    color: white; /* Optional: text color inside selection */\n                    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);\n                    font-size: inherit;\n                    line-height: inherit;\n                    font-weight: inherit;\n                }\n            `;document.head.appendChild(style);// Cleanup on unmount\nreturn()=>{document.head.removeChild(style);};},[]);return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withCustomTextSelection\":{\"type\":\"reactHoc\",\"name\":\"withCustomTextSelection\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_Highlight.map"],"mappings":"2JACA,SAAgB,EAAwB,EAAU,CAAC,MAAO,KAAQ,MAAc,CAChF,IAAM,EAAM,SAAS,cAAc,QAAQ,CAU3C,MAV4C,GAAM,YAAY;;;;;;;;;cAShD,SAAS,KAAK,YAAY,EAAM,KACpC,CAAC,SAAS,KAAK,YAAY,EAAM,GAAK,EAAE,CAAC,CAAqB,EAAK,EAAU,CAAC,GAAG,EAAM,CAAC,mBAZvD,IAA6B"}