{"version":3,"file":"SecondaryButton.D0pAqwdO.mjs","names":["_Fragment"],"sources":["https:/framerusercontent.com/modules/TXnjpsMspJ98U1ipZyaV/NehMlwBPPwy4Vmhs0bAK/SecondaryButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";export default function SecondaryButton(props){const{text=\"Playground\",link=\"https://playground.thirdweb.com/connect/sign-in/button\",trackingEvent=\"clicked_playground_button\",trackingProperties={},onClick,...rest}=props;const handleClick=e=>{// Track the event with PostHog\nif(window.posthog){let eventProperties=typeof trackingProperties===\"string\"?JSON.parse(trackingProperties):trackingProperties;window.posthog.capture(trackingEvent,{buttonText:text,...eventProperties});}// Call the onClick handler if provided\nif(onClick)onClick(e);};// Define a unique class name to avoid conflicts\nconst buttonClassName=\"thirdweb-playground-button\";// Inject the CSS for the button including hover state\nconst injectCSS=`\n        .${buttonClassName} {\n            display: inline-flex;\n            height: 40px;\n            padding: 0 16px;\n            justify-content: center;\n            align-items: center;\n            gap: 6px;\n            border-radius: 9999px;\n            border: 1px solid #262626;\n            background: #0A0A0A;\n            font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n            font-size: 11pt;\n            color: #A3A3A3;\n            font-weight: 500;\n            cursor: pointer;\n            text-decoration: none;\n            transition: all 0.2s ease-in-out;\n            box-sizing: border-box;\n        }\n        .${buttonClassName}:hover {\n            background: #0F0F0F;\n            color: #FAFAFA;\n        }\n    `;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{children:injectCSS}),/*#__PURE__*/_jsx(\"a\",{href:link,className:buttonClassName,onClick:handleClick,target:\"_blank\",rel:\"noopener noreferrer\",...rest,children:text})]});}// Default properties\nSecondaryButton.defaultProps={text:\"Playground\",link:\"https://playground.thirdweb.com/connect/sign-in/button\",trackingEvent:\"clicked_playground_button\",width:160,height:40};// Property controls for the Framer canvas\naddPropertyControls(SecondaryButton,{text:{type:ControlType.String,title:\"Button Text\",defaultValue:\"Playground\"},link:{type:ControlType.String,title:\"Link URL\",defaultValue:\"https://playground.thirdweb.com/connect/sign-in/button\"},trackingEvent:{type:ControlType.String,title:\"Tracking Event Name\",defaultValue:\"clicked_playground_button\"},trackingProperties:{type:ControlType.String,title:\"Tracking Properties (JSON)\",defaultValue:'{\"location\": \"navbar\", \"type\": \"secondary\"}'}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SecondaryButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SecondaryButton.map"],"mappings":"uRAAmI,SAAwB,EAAgB,EAAM,CAAC,GAAK,CAAC,OAAK,aAAa,OAAK,yDAAyD,gBAAc,4BAA4B,qBAAmB,CAAE,EAAC,UAAQ,GAAG,EAAK,CAAC,EAAY,EAAY,GAAG,CACpX,GAAG,EAAO,QAAQ,CAAC,IAAI,SAAuB,GAAqB,SAAS,KAAK,MAAM,EAAmB,CAAC,EAAmB,EAAO,QAAQ,QAAQ,EAAc,CAAC,WAAW,EAAK,GAAG,CAAgB,EAAC,AAAE,CAC1M,AAAG,GAAQ,EAAQ,EAAE,AAAE,EACjB,EAAgB,6BAChB,GAAW;WACN,EAAgB;;;;;;;;;;;;;;;;;;;WAmBhB,EAAgB;;;;MAIrB,MAAoB,GAAMA,EAAU,CAAC,SAAS,CAAc,EAAK,QAAQ,CAAC,SAAS,CAAU,EAAC,CAAc,EAAK,IAAI,CAAC,KAAK,EAAK,UAAU,EAAgB,QAAQ,EAAY,OAAO,SAAS,IAAI,sBAAsB,GAAG,EAAK,SAAS,CAAK,EAAC,AAAC,CAAC,EAAC,AAAE,cAE1P,IA9BA,GAA+E,IAAoD,CA6BnI,EAAgB,aAAa,CAAC,KAAK,aAAa,KAAK,yDAAyD,cAAc,4BAA4B,MAAM,IAAI,OAAO,EAAG,EAC5K,EAAoB,EAAgB,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,cAAc,aAAa,YAAa,EAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,WAAW,aAAa,wDAAyD,EAAC,cAAc,CAAC,KAAK,EAAY,OAAO,MAAM,sBAAsB,aAAa,2BAA4B,EAAC,mBAAmB,CAAC,KAAK,EAAY,OAAO,MAAM,6BAA6B,aAAa,6CAA8C,CAAC,EAAC"}