{"version":3,"file":"InteractiveButton.BME2rRo1.mjs","names":["useState","ArrowRight"],"sources":["https:/framerusercontent.com/modules/z4Pi2YlaiCYrQwoBquaz/FCFVDNzRjCZhGzMiP3PE/InteractiveButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{ArrowRight}from\"lucide-react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";export default function InteractiveButton(props){const{text,link,fontFamily,fontSize,paddingX,paddingY,borderWidth,borderRadius,// Colors\nbuttonBgColor,buttonBorderColor,buttonTextColor,buttonHoverBgColor,buttonHoverBorderColor,buttonHoverTextColor}=props;const[isHovered,setIsHovered]=useState(false);// Safely check if we are currently inside the Framer Editor\nconst isCanvas=typeof RenderTarget!==\"undefined\"?RenderTarget.current()===RenderTarget.canvas:false;return /*#__PURE__*/_jsx(\"div\",{style:{display:\"inline-block\",fontFamily:fontFamily},children:/*#__PURE__*/_jsxs(motion.a,{href:link,onClick:e=>isCanvas&&e.preventDefault(),onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),animate:{backgroundColor:isHovered?buttonHoverBgColor:buttonBgColor,borderColor:isHovered?buttonHoverBorderColor:buttonBorderColor},transition:{duration:.2},style:{display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:`${paddingY}px ${paddingX}px`,borderWidth:`${borderWidth}px`,borderStyle:\"solid\",borderRadius:`${borderRadius}px`,textDecoration:\"none\",cursor:\"pointer\",boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{color:isHovered?buttonHoverTextColor:buttonTextColor,fontSize:`${fontSize}rem`,fontWeight:600,letterSpacing:\"0.5px\",transition:\"color 0.2s ease\",whiteSpace:\"nowrap\"},children:text}),/*#__PURE__*/_jsx(motion.div,{initial:false,animate:{// Scale the container width based on font size to keep proportions correct\nwidth:isHovered?fontSize*18:0,opacity:isHovered?1:0,marginLeft:isHovered?8:0,x:isHovered?0:-5},transition:{duration:.25,ease:\"easeOut\"},style:{display:\"flex\",alignItems:\"center\",overflow:\"hidden\"},children:/*#__PURE__*/_jsx(ArrowRight,{size:fontSize*18,color:isHovered?buttonHoverTextColor:buttonTextColor,strokeWidth:2.5,style:{minWidth:fontSize*18}})})]})});}InteractiveButton.defaultProps={text:\"Learn More\",link:\"/\",fontFamily:\"system-ui, -apple-system, sans-serif\",// Layout & Sizing\nfontSize:.9,paddingX:24,paddingY:12,borderWidth:1,borderRadius:30,// Base Colors\nbuttonBgColor:\"transparent\",buttonBorderColor:\"#cbd5e1\",buttonTextColor:\"#475569\",// Hover Colors\nbuttonHoverBgColor:\"#1A4D2E\",buttonHoverBorderColor:\"#1A4D2E\",buttonHoverTextColor:\"#ffffff\"};addPropertyControls(InteractiveButton,{text:{type:ControlType.String,title:\"Button Text\"},link:{type:ControlType.Link,title:\"Link\"},// Layout & Sizing\nfontSize:{type:ControlType.Number,title:\"Font Size (rem)\",min:.5,max:3,step:.05,displayStepper:true},paddingX:{type:ControlType.Number,title:\"Padding X\",min:0,max:100,displayStepper:true},paddingY:{type:ControlType.Number,title:\"Padding Y\",min:0,max:100,displayStepper:true},borderWidth:{type:ControlType.Number,title:\"Border Width\",min:0,max:10,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Corner Radius\",min:0,max:100,displayStepper:true},// Colors\nbuttonBgColor:{type:ControlType.Color,title:\"Base BG Color\"},buttonBorderColor:{type:ControlType.Color,title:\"Base Border\"},buttonTextColor:{type:ControlType.Color,title:\"Base Text\"},buttonHoverBgColor:{type:ControlType.Color,title:\"Hover BG Color\"},buttonHoverBorderColor:{type:ControlType.Color,title:\"Hover Border\"},buttonHoverTextColor:{type:ControlType.Color,title:\"Hover Text\"},fontFamily:{type:ControlType.String,title:\"Font Family\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"InteractiveButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./InteractiveButton.map"],"mappings":"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"}