{"version":3,"file":"SplashGradientButton.DsQcOWny.mjs","names":["React.useMemo"],"sources":["https:/framerusercontent.com/modules/f2Mz9OAz9y480bvujFfr/fvoatSkU4iWLj5TFAMgc/SplashGradientButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";const blobTransition={repeat:Infinity,repeatType:\"mirror\",ease:\"easeInOut\"};const patterns=[{x:[\"-20%\",\"20%\",\"-10%\",\"10%\",\"-20%\"],y:[\"-20%\",\"10%\",\"20%\",\"-10%\",\"-20%\"],scale:[1,1.5,.8,1.2,1]},{x:[\"20%\",\"-20%\",\"10%\",\"-10%\",\"20%\"],y:[\"20%\",\"-10%\",\"-20%\",\"10%\",\"20%\"],scale:[.8,1.2,1.5,1,.8]},{x:[\"0%\",\"20%\",\"-20%\",\"0%\",\"0%\"],y:[\"-20%\",\"20%\",\"0%\",\"-20%\",\"-20%\"],scale:[1.2,.8,1.2,1.2,1.2]},{x:[\"-15%\",\"15%\",\"-15%\",\"15%\",\"-15%\"],y:[\"15%\",\"-15%\",\"15%\",\"-15%\",\"15%\"],scale:[.9,1.3,.9,1.3,.9]}];/**\n * @framerIntrinsicWidth 180\n * @framerIntrinsicHeight 50\n */export default function SplashGradientButton(props){const{text=\"Hover Me\",fontStyle={fontFamily:\"Inter\",fontSize:\"16px\",fontWeight:600,letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"},textColor=\"#FFFFFF\",hoverTextColor=\"#FFFFFF\",gradientColors=[\"#FF0080\",\"#7928CA\",\"#FF4D4D\"],buttonBackgroundColor=\"#000000\",paddingTop=16,paddingRight=32,paddingBottom=16,paddingLeft=32,borderRadius=12,borderWidth=2,showIcon=false,icon='<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line><polyline points=\"12 5 19 12 12 19\"></polyline></svg>',iconPosition=\"Left\",gap=8,iconSize=20,link,style,...rest}=props;const safeColors=React.useMemo(()=>gradientColors&&gradientColors.length>0?gradientColors:[\"#FF0080\",\"#7928CA\",\"#FF4D4D\"],[gradientColors]);const renderIcon=()=>{if(!showIcon||!icon)return null;const formattedIcon=icon.includes(\"<svg\")?icon.replace(/<svg/,'<svg style=\"width: 100%; height: 100%;\"'):icon;return /*#__PURE__*/_jsx(motion.div,{variants:{hover:{color:hoverTextColor}},transition:{duration:.3},style:{color:textColor,display:\"flex\",alignItems:\"center\",justifyContent:\"center\",width:iconSize,height:iconSize,zIndex:2,flexShrink:0,userSelect:\"none\",WebkitUserSelect:\"none\"},dangerouslySetInnerHTML:{__html:formattedIcon}});};return /*#__PURE__*/_jsxs(motion.a,{href:link,whileHover:\"hover\",initial:\"rest\",animate:\"rest\",style:{...style,textDecoration:\"none\",position:\"relative\",overflow:\"hidden\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",cursor:\"pointer\",backgroundColor:buttonBackgroundColor,paddingTop,paddingRight,paddingBottom,paddingLeft,borderRadius:borderRadius},...rest,children:[/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,zIndex:0,overflow:\"hidden\",borderRadius:borderRadius},children:/*#__PURE__*/_jsx(\"div\",{style:{position:\"absolute\",inset:0,overflow:\"hidden\",borderRadius:borderRadius},children:safeColors.map((color,index)=>/*#__PURE__*/_jsx(motion.div,{animate:patterns[index%patterns.length],transition:{...blobTransition,duration:4+index%4},style:{position:\"absolute\",top:\"-50%\",left:\"-50%\",width:\"200%\",height:\"200%\",background:`radial-gradient(circle at 50% 50%, ${color}, transparent 50%)`,filter:\"blur(20px)\"}},index))})}),/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",zIndex:1,display:\"flex\",flexDirection:\"row\",gap:gap,alignItems:\"center\",justifyContent:\"center\"},children:[iconPosition===\"Left\"&&renderIcon(),/*#__PURE__*/_jsx(motion.span,{variants:{hover:{color:hoverTextColor}},transition:{duration:.3},style:{...fontStyle,color:textColor,position:\"relative\",zIndex:2,whiteSpace:\"nowrap\",userSelect:\"none\",WebkitUserSelect:\"none\"},children:text}),iconPosition===\"Right\"&&renderIcon()]})]});}addPropertyControls(SplashGradientButton,{text:{type:ControlType.String,title:\"Text\",defaultValue:\"Hover Me\"},link:{type:ControlType.Link,title:\"Link\"},fontStyle:{type:ControlType.Font,title:\"Typography\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:16,variant:\"Semibold\",letterSpacing:\"-0.01em\",lineHeight:\"1.5em\"}},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#FFFFFF\"},hoverTextColor:{type:ControlType.Color,title:\"Hover Text\",defaultValue:\"#FFFFFF\"},gradientColors:{type:ControlType.Array,title:\"Blob Colors\",defaultValue:[\"#FF0080\",\"#7928CA\",\"#FF4D4D\"],control:{type:ControlType.Color}},buttonBackgroundColor:{type:ControlType.Color,title:\"Bg Color\",defaultValue:\"#000000\"},showIcon:{type:ControlType.Boolean,title:\"Show Icon\",defaultValue:false},iconPosition:{type:ControlType.Enum,title:\"Position\",options:[\"Left\",\"Right\"],defaultValue:\"Left\",hidden:props=>!props.showIcon},icon:{type:ControlType.String,title:\"SVG Code\",displayTextArea:true,defaultValue:'<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"></line><polyline points=\"12 5 19 12 12 19\"></polyline></svg>',hidden:props=>!props.showIcon},iconSize:{type:ControlType.Number,title:\"Icon Size\",min:8,max:100,defaultValue:20,displayStepper:true,hidden:props=>!props.showIcon},gap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:8,displayStepper:true,hidden:props=>!props.showIcon},paddingTop:{type:ControlType.Number,title:\"Top Pad\",min:0,max:100,defaultValue:16,displayStepper:true},paddingRight:{type:ControlType.Number,title:\"Right Pad\",min:0,max:100,defaultValue:32,displayStepper:true},paddingBottom:{type:ControlType.Number,title:\"Bottom Pad\",min:0,max:100,defaultValue:16,displayStepper:true},paddingLeft:{type:ControlType.Number,title:\"Left Pad\",min:0,max:100,defaultValue:32,displayStepper:true},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:999,defaultValue:12,displayStepper:true},borderWidth:{type:ControlType.Number,title:\"Border\",min:0,max:20,defaultValue:2,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SplashGradientButton\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"180\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"50\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SplashGradientButton.map"],"mappings":"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"}