{"version":3,"file":"TextSelectionColor.BH4oDRPQ.mjs","names":[],"sources":["https:/framerusercontent.com/modules/aiCTNshmp2aUQ0aBHuSL/zOAAIpLrvQF1jO0q9eM9/TextSelectionColor.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Frame,addPropertyControls,ControlType}from\"framer\";export function TextSelectionColor(props){const{backgroundColor,textColor}=props;return /*#__PURE__*/_jsxs(Frame,{background:\"\",style:{width:\"100%\",height:\"100%\"},children:[/*#__PURE__*/_jsx(\"style\",{children:`\n                ::selection {\n                    background: ${backgroundColor};\n                    color: ${textColor};\n                }\n                `}),/*#__PURE__*/_jsx(\"div\",{style:{width:\"100%\",height:\"100%\",color:textColor,overflow:\"auto\",userSelect:\"text\"},children:props.children})]});}TextSelectionColor.defaultProps={backgroundColor:\"#a0a0a0\",textColor:\"#ffffff\",children:\"Select some of this text to see the custom selection colors.\"};addPropertyControls(TextSelectionColor,{backgroundColor:{title:\"Background\",type:ControlType.Color,defaultValue:\"#a0a0a0\"},textColor:{title:\"Text Color\",type:ControlType.Color,defaultValue:\"#ffffff\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"TextSelectionColor\":{\"type\":\"reactComponent\",\"name\":\"TextSelectionColor\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TextSelectionColor.map"],"mappings":"mPAAmH,SAAgB,EAAmB,EAAM,CAAC,GAAK,CAAC,kBAAgB,YAAU,CAAC,EAAM,OAAoB,EAAM,EAAM,CAAC,WAAW,GAAG,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;kCAElS,EAAgB;6BACrB,EAAU;;kBAErB,EAAe,EAAK,MAAM,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,MAAM,EAAU,SAAS,OAAO,WAAW,OAAO,CAAC,SAAS,EAAM,SAAS,EAAE,CAAC,CAAG,yBAAmB,aAAa,CAAC,gBAAgB,UAAU,UAAU,UAAU,SAAS,+DAA+D,CAAC,EAAoB,EAAmB,CAAC,gBAAgB,CAAC,MAAM,aAAa,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC,UAAU,CAAC,MAAM,aAAa,KAAK,EAAY,MAAM,aAAa,UAAU,CAAC"}