{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/eQ3vV5jREiEy5vqGJnb4/NbILchKh8D136DOJqYGi/Highlight_text_color.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";// Define the component\nexport default function SelectionColorChanger(props){useEffect(()=>{const style=document.createElement(\"style\");style.type=\"text/css\";style.innerHTML=`::selection { background-color: ${props.selectionColor}; color: ${props.textColor}; }`;document.head.appendChild(style);return()=>{document.head.removeChild(style);};},[props.selectionColor,props.textColor]);// Return an empty div instead of null\nreturn /*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\"}});}SelectionColorChanger.displayName=\"Selection Color Changer\";// Add property controls\naddPropertyControls(SelectionColorChanger,{selectionColor:{type:ControlType.Color,title:\"Selection Color\",defaultValue:\"#ffcc00\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000000\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SelectionColorChanger\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Highlight_text_color.map"],
  "mappings": "gGACe,SAARA,EAAuCC,EAAM,CAAC,OAAAC,EAAU,IAAI,CAAC,IAAMC,EAAM,SAAS,cAAc,OAAO,EAAE,OAAAA,EAAM,KAAK,WAAWA,EAAM,UAAU,mCAAmCF,EAAM,cAAc,YAAYA,EAAM,SAAS,MAAM,SAAS,KAAK,YAAYE,CAAK,EAAQ,IAAI,CAAC,SAAS,KAAK,YAAYA,CAAK,CAAE,CAAE,EAAE,CAACF,EAAM,eAAeA,EAAM,SAAS,CAAC,EACjVG,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,MAAM,CAAC,CAAC,CAAE,CAACJ,EAAsB,YAAY,0BACxGK,EAAoBL,EAAsB,CAAC,eAAe,CAAC,KAAKM,EAAY,MAAM,MAAM,kBAAkB,aAAa,SAAS,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,CAAC,CAAC",
  "names": ["SelectionColorChanger", "props", "ue", "style", "p", "addPropertyControls", "ControlType"]
}