{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ZYhYmEBKxBikiGU26krN/c0gVKXTe7xszUpQVeM8q/Text_with_mouse_hover.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{motion}from\"framer-motion\";export default function HoverTextComponent(props){const[tooltipState,setTooltipState]=useState({isVisible:false,x:0,y:0});useEffect(()=>{if(!props.enableTooltip)return;const handleMouseMove=event=>{setTooltipState(prev=>({...prev,x:event.clientX+10,y:event.clientY+20}));};if(tooltipState.isVisible){window.addEventListener(\"mousemove\",handleMouseMove);}return()=>{window.removeEventListener(\"mousemove\",handleMouseMove);};},[tooltipState.isVisible,props.enableTooltip]);const handleMouseEnter=()=>{if(props.enableTooltip){setTooltipState(prev=>({...prev,isVisible:true}));}};const handleMouseLeave=()=>{if(props.enableTooltip){setTooltipState(prev=>({...prev,isVisible:false}));}};return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:{color:props.titleColor,fontSize:props.titleFontSize,fontWeight:props.titleFontWeight,textAlign:props.titleTextAlign,fontFamily:props.titleFontFamily,cursor:\"default\",lineHeight:props.titleLineHeight},onMouseEnter:handleMouseEnter,onMouseLeave:handleMouseLeave,children:props.titleText}),props.enableTooltip&&tooltipState.isVisible&&/*#__PURE__*/_jsx(motion.div,{style:{position:\"fixed\",left:tooltipState.x,top:tooltipState.y,backgroundColor:props.hoverBackgroundColor,border:props.hoverBorder,color:props.hoverColor,fontSize:props.hoverFontSize,fontWeight:props.hoverFontWeight,textAlign:props.hoverTextAlign,fontFamily:props.hoverFontFamily,padding:`${props.hoverPaddingTop}px ${props.hoverPaddingRight}px ${props.hoverPaddingBottom}px ${props.hoverPaddingLeft}px`,pointerEvents:\"none\",zIndex:9999,whiteSpace:\"nowrap\",boxSizing:\"border-box\",lineHeight:props.hoverFontSize+\"px\",marginTop:props.hoverPaddingTop?-props.hoverPaddingTop:0,marginBottom:props.hoverPaddingBottom?-props.hoverPaddingBottom:0,opacity:props.enableTooltip?1:0,transition:\"opacity 0.2s ease\"},children:props.hoverText&&props.hoverText.props&&props.hoverText.props.children?props.hoverText.props.children:\"Hover text not available\"})]});}// Controls\naddPropertyControls(HoverTextComponent,{titleText:{type:ControlType.String,title:\"Title Text\",defaultValue:\"Title\"},titleColor:{type:ControlType.Color,title:\"Title Color\",defaultValue:\"#000\"},titleFontSize:{type:ControlType.Number,title:\"Title Font Size\",defaultValue:16,min:10,max:200},titleFontWeight:{type:ControlType.Enum,title:\"Title Font Weight\",options:[\"normal\",\"bold\"],defaultValue:\"normal\"},titleTextAlign:{type:ControlType.Enum,title:\"Title Text Align\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},titleFontFamily:{type:ControlType.String,title:\"Title Font Family\",defaultValue:\"Leelawadee Regular\"},titleLineHeight:{type:ControlType.Number,title:\"Title Line Height\",defaultValue:1.5,min:0,max:3,step:.1},hoverText:{type:ControlType.RichText,title:\"Hover Text\",defaultValue:\"Hover content\"},hoverColor:{type:ControlType.Color,title:\"Hover Text Color\",defaultValue:\"#000\"},hoverFontSize:{type:ControlType.Number,title:\"Hover Font Size\",defaultValue:14,min:10,max:200},hoverFontWeight:{type:ControlType.Enum,title:\"Hover Font Weight\",options:[\"normal\",\"bold\"],defaultValue:\"normal\"},hoverTextAlign:{type:ControlType.Enum,title:\"Hover Text Align\",options:[\"left\",\"center\",\"right\"],defaultValue:\"left\"},hoverFontFamily:{type:ControlType.String,title:\"Hover Font Family\",defaultValue:\"Leelawadee Regular\"},hoverBackgroundColor:{type:ControlType.Color,title:\"Hover Background Color\",defaultValue:\"#EFEEEA\"},hoverBorder:{type:ControlType.String,title:\"Hover Border\",defaultValue:\"2px solid black\"},hoverPaddingTop:{type:ControlType.Number,title:\"Hover Padding Top\",defaultValue:12,min:0,max:100},hoverPaddingRight:{type:ControlType.Number,title:\"Hover Padding Right\",defaultValue:12,min:0,max:100},hoverPaddingBottom:{type:ControlType.Number,title:\"Hover Padding Bottom\",defaultValue:12,min:0,max:100},hoverPaddingLeft:{type:ControlType.Number,title:\"Hover Padding Left\",defaultValue:12,min:0,max:100},enableTooltip:{type:ControlType.Boolean,title:\"Enable Tooltip\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"HoverTextComponent\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Text_with_mouse_hover.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "HoverTextComponent", "props", "tooltipState", "setTooltipState", "ye", "ue", "handleMouseMove", "event", "prev", "handleMouseEnter", "handleMouseLeave", "u", "l", "p", "motion", "addPropertyControls", "ControlType"]
}