{"version":3,"file":"TrackableButton.CPPZ5APP.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/NqiTI9Vwq8ckjwtV1LFw/y0hlnfVNUz3KQBJEZ3m7/TrackableButton.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function TrackableButton(props){const{title,link,buttonStyle,intent,placement,plausibleEvent,widthOverride,heightOverride,linkColorOverride}=props;// State for hover effect\nconst[isHovered,setIsHovered]=React.useState(false);// --- STYLE CONSTANTS ---\nconst FONT_FAMILY=\"IBM Plex Sans, sans-serif\";const FONT_SIZE=\"18px\";const LIGHTGREEN=\"#E7FBD3\";const NEW_SECONDARY_BG=\"#D3F9AE\";const ONNOGREEN=\"#228876\";const ONNODARKGREEN=\"#16444F\";const primaryHoverColor=ONNODARKGREEN;const secondaryHoverColor=\"rgba(34, 136, 118, 0.4)\";const outlineHoverBG=LIGHTGREEN;// Base styles common to buttons (Primary/Secondary/Outline)\nconst baseButtonStyle={fontFamily:FONT_FAMILY,fontSize:FONT_SIZE,lineHeight:1.2,fontWeight:500,padding:\"16px 24px\",borderRadius:\"999px\",textDecoration:\"none\",display:\"inline-block\",textAlign:\"center\",cursor:\"pointer\",transition:\"background-color 0.2s ease-in-out, color 0.2s ease-in-out, border-color 0.2s ease-in-out\"};let componentStyle;switch(buttonStyle){case\"primary\":componentStyle={...baseButtonStyle,backgroundColor:isHovered?primaryHoverColor:ONNOGREEN,color:LIGHTGREEN};break;case\"secondary\":componentStyle={...baseButtonStyle,backgroundColor:isHovered?secondaryHoverColor:NEW_SECONDARY_BG,color:ONNODARKGREEN,padding:\"14px 20px\"};break;case\"outline\":componentStyle={...baseButtonStyle,backgroundColor:isHovered?outlineHoverBG:\"transparent\",color:ONNODARKGREEN,border:`2px solid ${ONNODARKGREEN}`,padding:\"12px 20px\"};break;case\"link\":const linkColor=linkColorOverride||ONNOGREEN;componentStyle={...baseButtonStyle,color:linkColor,textDecoration:\"underline\",padding:\"0\",borderRadius:\"0\",display:\"inline\",lineHeight:1.4,textAlign:\"left\",\":hover\":{color:linkColor===ONNOGREEN?ONNODARKGREEN:\"inherit\",textDecoration:\"none\"}};break;}// --- APPLY WIDTH/HEIGHT OVERRIDES ---\nif(widthOverride){componentStyle.width=typeof widthOverride===\"number\"?`${widthOverride}px`:widthOverride;// Restore display: block logic when width is set\nif(buttonStyle!==\"link\"&&componentStyle.display===\"inline-block\"){componentStyle.display=\"block\";}}if(heightOverride){componentStyle.height=typeof heightOverride===\"number\"?`${heightOverride}px`:heightOverride;}// Removed all centering logic\n// --- DYNAMIC CLASS GENERATION ---\nconst gtmIntentClass=intent.toLowerCase().replace(/\\s/g,\"-\");const trackingClassName=`track-cta-${gtmIntentClass}`;const plausibleClassName=`plausible-event-name=${plausibleEvent}`;const allClasses=`cta-button ${trackingClassName} ${plausibleClassName}`;// --- RENDER ELEMENT ---\nreturn /*#__PURE__*/_jsx(\"a\",{href:link,style:componentStyle,className:allClasses,\"data-track-intent\":intent,\"data-track-placement\":placement,\"data-track-label\":title,\"data-track-style\":buttonStyle,rel:\"noopener noreferrer\",onMouseEnter:()=>setIsHovered(true),onMouseLeave:()=>setIsHovered(false),children:title});}// 3. DEFINE PROPERTY CONTROLS\naddPropertyControls(TrackableButton,{title:{type:ControlType.String,title:\"Label\",defaultValue:\"Jetzt Dokument hochladen\"},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"https://app.simply-onno.com\"},buttonStyle:{type:ControlType.Enum,options:[\"primary\",\"secondary\",\"link\",\"outline\"],title:\"Style\",defaultValue:\"primary\"},// Removed isCentered control\nwidthOverride:{type:ControlType.String,title:\"Width\",placeholder:\"e.g., 200px or 100%\",defaultValue:\"\"},heightOverride:{type:ControlType.String,title:\"Height\",placeholder:\"e.g., 50px\",defaultValue:\"\"},linkColorOverride:{type:ControlType.Color,title:\"Link Color\",placeholder:\"#001111x\",defaultValue:\"\",hidden:({buttonStyle})=>buttonStyle!==\"link\"},// --- TRACKING CONTROLS ---\nintent:{type:ControlType.Enum,options:[\"Start Upload\",\"Learn More\",\"Support\"],title:\"GA Intent\",defaultValue:\"Start Upload\"},placement:{type:ControlType.String,title:\"GA Placement\",placeholder:\"e.g., Hero Banner\"},plausibleEvent:{type:ControlType.String,title:\"Plausible Event\",placeholder:\"e.g., CTA+Content-Page\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"TrackableButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./TrackableButton.map"],"mappings":"kQAA2H,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,QAAM,OAAK,cAAY,SAAO,YAAU,iBAAe,gBAAc,iBAAe,qBAAmB,EAClR,CAAC,EAAU,GAAcA,EAAe,GAAM,CACoF,EAAU,UAAgB,EAAc,UACzK,EAAgB,CAAC,WAAW,4BAAY,SAAS,OAAU,WAAW,IAAI,WAAW,IAAI,QAAQ,YAAY,aAAa,QAAQ,eAAe,OAAO,QAAQ,eAAe,UAAU,SAAS,OAAO,UAAU,WAAW,2FAA2F,CAAK,EAAe,OAAO,EAAP,CAAoB,IAAI,UAAU,EAAe,CAAC,GAAG,EAAgB,gBAAgB,EAAU,UAAkB,EAAU,MAAM,UAAW,CAAC,MAAM,IAAI,YAAY,EAAe,CAAC,GAAG,EAAgB,gBAAgB,EAAU,0BAAoB,UAAiB,MAAM,EAAc,QAAQ,YAAY,CAAC,MAAM,IAAI,UAAU,EAAe,CAAC,GAAG,EAAgB,gBAAgB,EAAU,UAAe,cAAc,MAAM,EAAc,OAAO,aAAa,IAAgB,QAAQ,YAAY,CAAC,MAAM,IAAI,OAAO,IAAM,EAAU,GAAmB,EAAU,EAAe,CAAC,GAAG,EAAgB,MAAM,EAAU,eAAe,YAAY,QAAQ,IAAI,aAAa,IAAI,QAAQ,SAAS,WAAW,IAAI,UAAU,OAAO,SAAS,CAAC,MAAM,IAAY,EAAU,EAAc,UAAU,eAAe,OAAO,CAAC,CAAC,MACzmC,IAAe,EAAe,MAAM,OAAO,GAAgB,SAAS,GAAG,EAAc,IAAI,EACzF,IAAc,QAAQ,EAAe,UAAU,iBAAgB,EAAe,QAAQ,UAAa,IAAgB,EAAe,OAAO,OAAO,GAAiB,SAAS,GAAG,EAAe,IAAI,GAEtI,IAAM,EAAkB,aAAhE,EAAO,aAAa,CAAC,QAAQ,MAAM,IAAI,GAA6D,EAAmB,wBAAwB,IAAuB,EAAW,cAAc,EAAkB,GAAG,IACzO,OAAoB,EAAK,IAAI,CAAC,KAAK,EAAK,MAAM,EAAe,UAAU,EAAW,oBAAoB,EAAO,uBAAuB,EAAU,mBAAmB,EAAM,mBAAmB,EAAY,IAAI,sBAAsB,iBAAiB,EAAa,GAAK,CAAC,iBAAiB,EAAa,GAAM,CAAC,SAAS,EAAM,CAAC,kBAR9Q,IAA4B,IAAoD,CAS3H,EAAoB,EAAgB,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,2BAA2B,CAAC,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,aAAa,8BAA8B,CAAC,YAAY,CAAC,KAAK,EAAY,KAAK,QAAQ,CAAC,UAAU,YAAY,OAAO,UAAU,CAAC,MAAM,QAAQ,aAAa,UAAU,CACzU,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,YAAY,sBAAsB,aAAa,GAAG,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,SAAS,YAAY,aAAa,aAAa,GAAG,CAAC,kBAAkB,CAAC,KAAK,EAAY,MAAM,MAAM,aAAa,YAAY,WAAW,aAAa,GAAG,QAAQ,CAAC,iBAAe,IAAc,OAAO,CAC1V,OAAO,CAAC,KAAK,EAAY,KAAK,QAAQ,CAAC,eAAe,aAAa,UAAU,CAAC,MAAM,YAAY,aAAa,eAAe,CAAC,UAAU,CAAC,KAAK,EAAY,OAAO,MAAM,eAAe,YAAY,oBAAoB,CAAC,eAAe,CAAC,KAAK,EAAY,OAAO,MAAM,kBAAkB,YAAY,yBAAyB,CAAC,CAAC"}