{"version":3,"file":"Highlight_text_color.DMczO2RG.mjs","names":[],"sources":["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":"sKACA,SAAwB,EAAsB,EAAM,CACpD,OADqD,MAAc,CAAC,IAAM,EAAM,SAAS,cAAc,QAAQ,CAAgK,MAA/J,GAAM,KAAK,WAAW,EAAM,UAAU,mCAAmC,EAAM,eAAe,WAAW,EAAM,UAAU,KAAK,SAAS,KAAK,YAAY,EAAM,KAAW,CAAC,SAAS,KAAK,YAAY,EAAM,GAAK,CAAC,EAAM,eAAe,EAAM,UAAU,CAAC,CAClV,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,CAAC,kBAFzB,IAA6B,IAAoD,CAEtD,EAAsB,YAAY,0BACxG,EAAoB,EAAsB,CAAC,eAAe,CAAC,KAAK,EAAY,MAAM,MAAM,kBAAkB,aAAa,UAAU,CAAC,UAAU,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,UAAU,CAAC,CAAC"}