{"version":3,"file":"ButtonComponent.CVanGhLI.mjs","names":["React","_Fragment"],"sources":["https:/framerusercontent.com/modules/QRysyRRsg4Rd4qsFkfuc/g1gxvsyAdwjEZZQT6y7R/ButtonComponent.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import React from\"react\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";export default function CleanButton(props){const{text=\"Click Me\",link,backgroundColor=\"transparent\",textColor=\"#000\",borderColor=\"#000\",hoverBackgroundColor=\"#000\",hoverTextColor=\"#fff\",borderWidth=1,borderRadius=999,disabled=false}=props;const[isHovered,setIsHovered]=React.useState(false);return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:`\n            .cta-button-text {\n                font-size: 20px;\n            }\n            @media (max-width: 1200px) {\n                .cta-button-text {\n                    font-size: 16px;\n                }\n            }\n        `}),/*#__PURE__*/_jsx(motion.a,{href:link,style:{position:\"relative\",display:\"flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"12px 24px\",borderRadius:borderRadius,border:`${borderWidth}px solid ${borderColor}`,backgroundColor:isHovered?hoverBackgroundColor:backgroundColor,cursor:disabled?\"not-allowed\":\"pointer\",overflow:\"hidden\",zIndex:0,textDecoration:\"none\"},onHoverStart:()=>!disabled&&setIsHovered(true),onHoverEnd:()=>!disabled&&setIsHovered(false),whileTap:!disabled?{scale:.97}:{},transition:{duration:.2},children:/*#__PURE__*/_jsx(\"span\",{className:\"cta-button-text\",style:{position:\"relative\",zIndex:2,fontWeight:400,fontFamily:\"Strichpunkt Sans\",color:isHovered?hoverTextColor:textColor,transition:\"color 0.2s ease\"},children:text})})]});}addPropertyControls(CleanButton,{text:{type:ControlType.String,defaultValue:\"Click Me\"},link:{type:ControlType.Link},backgroundColor:{type:ControlType.Color,defaultValue:\"transparent\"},textColor:{type:ControlType.Color,defaultValue:\"#000\"},borderColor:{type:ControlType.Color,defaultValue:\"#000\"},hoverBackgroundColor:{type:ControlType.Color,defaultValue:\"#000\"},hoverTextColor:{type:ControlType.Color,defaultValue:\"#fff\"},borderWidth:{type:ControlType.Number,defaultValue:1},borderRadius:{type:ControlType.Number,defaultValue:999},disabled:{type:ControlType.Boolean,defaultValue:false}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CleanButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ButtonComponent.map"],"mappings":"yOAA8L,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,OAAK,WAAW,OAAK,kBAAgB,cAAc,YAAU,OAAO,cAAY,OAAO,uBAAqB,OAAO,iBAAe,OAAO,cAAY,EAAE,eAAa,IAAI,WAAS,IAAO,EAAW,CAAC,EAAU,GAAcA,EAAM,SAAS,EAAK,EAAE,OAAoB,EAAMC,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS;;;;;;;;;SAS3iB,CAAC,EAAe,EAAK,EAAO,EAAE,CAAC,KAAK,EAAK,MAAM,CAAC,SAAS,WAAW,QAAQ,OAAO,WAAW,SAAS,eAAe,SAAS,QAAQ,YAAyB,eAAa,OAAO,GAAG,EAAY,WAAW,IAAc,gBAAgB,EAAU,EAAqB,EAAgB,OAAO,EAAS,cAAc,UAAU,SAAS,SAAS,OAAO,EAAE,eAAe,MAAM,EAAE,iBAAiB,CAAC,GAAU,EAAa,EAAI,EAAE,eAAe,CAAC,GAAU,EAAa,EAAK,EAAE,SAAU,EAAqB,CAAC,EAAb,CAAC,MAAM,GAAG,EAAK,WAAW,CAAC,SAAS,EAAE,EAAE,SAAsB,EAAK,OAAO,CAAC,UAAU,kBAAkB,MAAM,CAAC,SAAS,WAAW,OAAO,EAAE,WAAW,IAAI,WAAW,mBAAmB,MAAM,EAAU,EAAe,EAAU,WAAW,iBAAiB,EAAE,SAAS,CAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAE,iBATprB,IAAyB,IAAkC,IAAoD,EASskB,EAAoB,EAAY,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,aAAa,UAAU,EAAE,KAAK,CAAC,KAAK,EAAY,IAAI,EAAE,gBAAgB,CAAC,KAAK,EAAY,MAAM,aAAa,aAAa,EAAE,UAAU,CAAC,KAAK,EAAY,MAAM,aAAa,MAAM,EAAE,YAAY,CAAC,KAAK,EAAY,MAAM,aAAa,MAAM,EAAE,qBAAqB,CAAC,KAAK,EAAY,MAAM,aAAa,MAAM,EAAE,eAAe,CAAC,KAAK,EAAY,MAAM,aAAa,MAAM,EAAE,YAAY,CAAC,KAAK,EAAY,OAAO,aAAa,CAAC,EAAE,aAAa,CAAC,KAAK,EAAY,OAAO,aAAa,GAAG,EAAE,SAAS,CAAC,KAAK,EAAY,QAAQ,aAAa,EAAK,CAAC,CAAC"}