{"version":3,"file":"PruebaGoogleButton.jPoYbOF4.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/jzYbwh2eYq9lnaEum95H/FdlXF7UeXahf7iDGrJzo/PruebaGoogleButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useState}from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";// Estilos estructurales del botón\nconst baseButtonStyle={position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",overflow:\"hidden\",cursor:\"pointer\",border:\"none\",textDecoration:\"none\"};const textContainerStyle={position:\"relative\",display:\"flex\",overflow:\"hidden\"};export default function LiquidButton(props){const[isHovered,setIsHovered]=useState(false);// Convertir los textos en arreglos de letras\nconst textDefault=props.textDefault.split(\"\");const textHover=props.textHover.split(\"\");// Estilos dinámicos: Aquí inyectamos props.font (el control de tipografía)\nconst dynamicButtonStyle={...baseButtonStyle,...props.font,background:props.buttonColor,color:props.textColor,fontSize:`${props.fontSize}px`,padding:`${props.paddingY}px ${props.paddingX}px`};// Animación del contenedor del botón\nconst buttonVariants={default:{scale:props.scaleDefault,borderRadius:props.radiusDefault},hover:{scale:props.scaleHover,borderRadius:props.radiusHover,transition:{type:\"spring\",stiffness:400,damping:10}}};// Animación en cascada para cada letra\nconst letterVariantsDefault={default:i=>({y:0,opacity:1,transition:{delay:i*.015,ease:[.215,.61,.355,1]}}),hover:i=>({y:\"-150%\",opacity:0,transition:{delay:i*.015,ease:[.215,.61,.355,1]}})};const letterVariantsHover={default:i=>({y:\"150%\",opacity:0,transition:{delay:i*.015,ease:[.215,.61,.355,1]}}),hover:i=>({y:0,opacity:1,transition:{delay:i*.015,ease:[.215,.61,.355,1]}})};return /*#__PURE__*/_jsx(motion.a,{href:props.link,target:\"_blank\",rel:\"noopener noreferrer\",style:dynamicButtonStyle,variants:buttonVariants,initial:\"default\",animate:isHovered?\"hover\":\"default\",onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),children:/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",alignItems:\"center\",gap:`${props.gap}px`},children:[props.showIcon&&props.icon,/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",display:\"flex\",alignItems:\"center\"},children:[/*#__PURE__*/_jsx(\"div\",{style:{...textContainerStyle,position:\"absolute\"},children:textDefault.map((char,i)=>/*#__PURE__*/_jsx(motion.span,{custom:i,variants:letterVariantsDefault,style:{display:\"inline-block\",whiteSpace:char===\" \"?\"pre\":\"normal\"},children:char},i))}),/*#__PURE__*/_jsx(\"div\",{style:textContainerStyle,children:textHover.map((char,i)=>/*#__PURE__*/_jsx(motion.span,{custom:i,variants:letterVariantsHover,style:{display:\"inline-block\",whiteSpace:char===\" \"?\"pre\":\"normal\"},children:char},i))})]})]})});}// Valores predeterminados en el canvas de Framer\nLiquidButton.defaultProps={textDefault:\"Get tickets\",textHover:\"Get tickets\",link:\"https://labs.google\",buttonColor:\"#E8E8FF\",textColor:\"#000000\",font:{fontFamily:\"'Inter', sans-serif\",fontWeight:500},fontSize:16,showIcon:true,gap:12,paddingX:32,paddingY:16,radiusDefault:\"30px\",radiusHover:\"35px 25px 32px 28px\",scaleDefault:.9,scaleHover:1};// Controles en el panel derecho de Framer\naddPropertyControls(LiquidButton,{textDefault:{type:ControlType.String,title:\"Texto Default\"},textHover:{type:ControlType.String,title:\"Texto Hover\"},link:{type:ControlType.String,title:\"Enlace URL\"},// Controles del Icono\nshowIcon:{type:ControlType.Boolean,title:\"Mostrar Icono\"},icon:{type:ControlType.ComponentInstance,title:\"Icono\",hidden(props){return!props.showIcon;}},gap:{type:ControlType.Number,title:\"Espacio Icono\",min:0,max:50,hidden(props){return!props.showIcon;}},// Controles de Estilo (Colores y Tipografía)\nbuttonColor:{type:ControlType.Color,title:\"Color Fondo\"},textColor:{type:ControlType.Color,title:\"Color Texto\"},font:{title:\"Tipograf\\xeda\",// @ts-ignore\ntype:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\"},fontSize:{type:ControlType.Number,title:\"Tama\\xf1o Letra\",min:10,max:100,step:1},// Controles de Tamaño y Radio\npaddingX:{type:ControlType.Number,title:\"Ancho (Pad H)\",min:0,max:100},paddingY:{type:ControlType.Number,title:\"Alto (Pad V)\",min:0,max:100},radiusDefault:{type:ControlType.String,title:\"Radius Default\"},radiusHover:{type:ControlType.String,title:\"Radius Hover\"},// 🔹 NUEVOS CONTROLES DE ESCALA 🔹\nscaleDefault:{type:ControlType.Number,title:\"Escala Default\",min:.5,max:1.5,step:.05,displayStepper:true},scaleHover:{type:ControlType.Number,title:\"Escala Hover\",min:.5,max:1.5,step:.05,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LiquidButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PruebaGoogleButton.map"],"mappings":"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"}