{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/0WhvTev4mmjOeCwQdVVN/X2IV4UqI5yKYDcwiLDHW/Text_Hightligher.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";const useHighlight=(color,uniqueId)=>{useEffect(()=>{// Cek dan hapus style lama jika ada (hanya untuk elemen ini)\nconst existingStyle=document.getElementById(uniqueId);if(existingStyle)existingStyle.remove();// Tambahkan style baru khusus untuk elemen ini\nconst style=document.createElement(\"style\");style.id=uniqueId// ID unik untuk setiap elemen\n;style.innerHTML=`\n            [data-highlight=\"${uniqueId}\"] ::selection {\n                background: ${color} !important;\n                color: black !important;\n            }\n        `;document.head.appendChild(style);return()=>{style.remove()// Hapus style saat komponen dilepas\n;};},[color,uniqueId]);return{[`data-highlight`]:uniqueId};};// Override untuk warna Red\nexport const HighlightRed=()=>useHighlight(\"#FF3636\",\"highlight-red\");// Override untuk warna Yellow\nexport const HighlightGold=()=>useHighlight(\"#FFE436\",\"highlight-gold\");import{useContext as __legacyOverrideHOC_useContext}from\"react\";import{DataObserverContext as __legacyOverrideHOC_DataObserverContext}from\"framer\";export function withHighlightRed(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...HighlightRed(props)});};}withHighlightRed.displayName=\"HighlightRed\";export function withHighlightGold(C){return props=>{__legacyOverrideHOC_useContext(__legacyOverrideHOC_DataObserverContext);return _jsx(C,{...props,...HighlightGold(props)});};}withHighlightGold.displayName=\"HighlightGold\";\nexport const __FramerMetadata__ = {\"exports\":{\"HighlightRed\":{\"type\":\"override\",\"name\":\"HighlightRed\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHighlightRed\":{\"type\":\"reactHoc\",\"name\":\"withHighlightRed\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"HighlightGold\":{\"type\":\"override\",\"name\":\"HighlightGold\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHighlightGold\":{\"type\":\"reactHoc\",\"name\":\"withHighlightGold\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_Hightligher.map"],
  "mappings": "gGAAwE,IAAMA,EAAa,CAACC,EAAMC,KAAYC,EAAU,IAAI,CAC5H,IAAMC,EAAc,SAAS,eAAeF,CAAQ,EAAKE,GAAcA,EAAc,OAAO,EAC5F,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,GAAGH,EACpDG,EAAM,UAAU;AAAA,+BACcH,CAAQ;AAAA,8BACTD,CAAK;AAAA;AAAA;AAAA,UAGzB,SAAS,KAAK,YAAYI,CAAK,EAAQ,IAAI,CAACA,EAAM,OAAO,CAClE,CAAE,EAAE,CAACJ,EAAMC,CAAQ,CAAC,EAAQ,CAAE,iBAAkBA,CAAQ,GAC5CI,EAAa,IAAIN,EAAa,UAAU,eAAe,EACvDO,EAAc,IAAIP,EAAa,UAAU,gBAAgB,EAA4J,SAASQ,EAAiBC,EAAE,CAAC,OAAOC,IAAQC,EAA+BC,CAAuC,EAASC,EAAKJ,EAAE,CAAC,GAAGC,EAAM,GAAGJ,EAAaI,CAAK,CAAC,CAAC,EAAI,CAACF,EAAiB,YAAY,eAAsB,SAASM,EAAkBL,EAAE,CAAC,OAAOC,IAAQC,EAA+BC,CAAuC,EAASC,EAAKJ,EAAE,CAAC,GAAGC,EAAM,GAAGH,EAAcG,CAAK,CAAC,CAAC,EAAI,CAACI,EAAkB,YAAY",
  "names": ["useHighlight", "color", "uniqueId", "ue", "existingStyle", "style", "HighlightRed", "HighlightGold", "withHighlightRed", "C", "props", "re", "DataObserverContext", "p", "withHighlightGold"]
}
