{"version":3,"file":"DualStyleText.BDd0hxPX.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/NAJ6pFtU2OhJfus22obQ/dKMhu7FD49euSNyt49xW/DualStyleText.js"],"sourcesContent":["// Component that displays two separate text parts with different styles\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function DualStyleText(props){const{firstText=\"Hello\",lastText=\"World\",firstStyle,color1,lastStyle,color2,hoverColor,link,style}=props;const[isHovered,setIsHovered]=useState(false);return /*#__PURE__*/_jsxs(\"div\",{style:{...style,position:\"relative\",width:\"100%\",userSelect:\"text\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{...firstStyle,color:color1,display:\"inline\"},children:firstText}),/*#__PURE__*/_jsx(\"span\",{style:{...lastStyle,color:color2,display:\"inline\"},children:link?/*#__PURE__*/_jsx(\"a\",{href:link,style:{color:isHovered?hoverColor:color2,textDecoration:\"inherit\",cursor:\"pointer\",transition:\"color 200ms ease-in-out\"},target:\"_blank\",rel:\"noopener noreferrer\",onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),children:lastText}):lastText})]});}addPropertyControls(DualStyleText,{firstText:{type:ControlType.String,title:\"First Text\",defaultValue:\"Hello\"},lastText:{type:ControlType.String,title:\"Last Text\",defaultValue:\"World\"},firstStyle:{type:ControlType.Font,title:\"First Style\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},color1:{type:ControlType.Color,title:\"First Color\",defaultValue:\"#000000\"},lastStyle:{type:ControlType.Font,title:\"Last Style\",defaultValue:{fontSize:\"40px\",variant:\"Bold\",letterSpacing:\"-0.04em\",lineHeight:\"1em\"},controls:\"extended\",defaultFontType:\"sans-serif\"},color2:{type:ControlType.Color,title:\"Last Color\",defaultValue:\"#000000\"},hoverColor:{type:ControlType.Color,title:\"Last Text Hover Color\",defaultValue:\"#0099FF\"},link:{type:ControlType.Link,title:\"Last Text Link\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DualStyleText\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"auto\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DualStyleText.map"],"mappings":"iLAIG,SAAwB,EAAc,EAAM,CAAC,GAAK,CAAC,YAAU,QAAQ,WAAS,QAAQ,aAAW,SAAO,YAAU,SAAO,aAAW,OAAK,SAAO,EAAW,CAAC,EAAU,GAAcA,EAAS,EAAK,EAAE,OAAoB,EAAM,MAAM,CAAC,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,MAAM,OAAO,WAAW,MAAM,EAAE,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAW,MAAM,EAAO,QAAQ,QAAQ,EAAE,SAAS,CAAS,CAAC,EAAe,EAAK,OAAO,CAAC,MAAM,CAAC,GAAG,EAAU,MAAM,EAAO,QAAQ,QAAQ,EAAE,SAAS,EAAkB,EAAK,IAAI,CAAC,KAAK,EAAK,MAAM,CAAC,MAAM,EAAU,EAAW,EAAO,eAAe,UAAU,OAAO,UAAU,WAAW,yBAAyB,EAAE,OAAO,SAAS,IAAI,sBAAsB,iBAAiB,EAAa,EAAI,EAAE,iBAAiB,EAAa,EAAK,EAAE,SAAS,CAAQ,CAAC,EAAE,CAAQ,CAAC,CAAC,CAAC,CAAC,CAAE,iBAH3uB,IAAoD,IAA4B,EAG4pB,EAAoB,EAAc,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,aAAa,aAAa,OAAO,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,OAAO,EAAE,WAAW,CAAC,KAAK,EAAY,KAAK,MAAM,cAAc,aAAa,CAAC,SAAS,OAAO,QAAQ,OAAO,cAAc,UAAU,WAAW,KAAK,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,cAAc,aAAa,SAAS,EAAE,UAAU,CAAC,KAAK,EAAY,KAAK,MAAM,aAAa,aAAa,CAAC,SAAS,OAAO,QAAQ,OAAO,cAAc,UAAU,WAAW,KAAK,EAAE,SAAS,WAAW,gBAAgB,YAAY,EAAE,OAAO,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,aAAa,SAAS,EAAE,WAAW,CAAC,KAAK,EAAY,MAAM,MAAM,wBAAwB,aAAa,SAAS,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,gBAAgB,CAAC,CAAC"}