{
  "version": 3,
  "sources": ["ssg: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": "gJAAkJ,SAARA,EAAiCC,EAAM,CAAC,GAAK,CAAC,KAAAC,EAAK,aAAa,KAAAC,EAAK,yDAAyD,cAAAC,EAAc,4BAA4B,mBAAAC,EAAmB,CAAC,EAAE,QAAAC,EAAQ,GAAGC,CAAI,EAAEN,EAAYO,EAAYC,GAAG,CACpX,GAAGC,EAAO,QAAQ,CAAC,IAAIC,EAAgB,OAAON,GAAqB,SAAS,KAAK,MAAMA,CAAkB,EAAEA,EAAmBK,EAAO,QAAQ,QAAQN,EAAc,CAAC,WAAWF,EAAK,GAAGS,CAAe,CAAC,CAAE,CACtML,GAAQA,EAAQG,CAAC,CAAE,EAChBG,EAAgB,6BAChBC,EAAU;AAAA,WACLD,CAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAmBfA,CAAe;AAAA;AAAA;AAAA;AAAA,MAIpB,OAAoBE,EAAMC,EAAU,CAAC,SAAS,CAAcC,EAAK,QAAQ,CAAC,SAASH,CAAS,CAAC,EAAeG,EAAK,IAAI,CAAC,KAAKb,EAAK,UAAUS,EAAgB,QAAQJ,EAAY,OAAO,SAAS,IAAI,sBAAsB,GAAGD,EAAK,SAASL,CAAI,CAAC,CAAC,CAAC,CAAC,CAAE,CACzPF,EAAgB,aAAa,CAAC,KAAK,aAAa,KAAK,yDAAyD,cAAc,4BAA4B,MAAM,IAAI,OAAO,EAAE,EAC3KiB,EAAoBjB,EAAgB,CAAC,KAAK,CAAC,KAAKkB,EAAY,OAAO,MAAM,cAAc,aAAa,YAAY,EAAE,KAAK,CAAC,KAAKA,EAAY,OAAO,MAAM,WAAW,aAAa,wDAAwD,EAAE,cAAc,CAAC,KAAKA,EAAY,OAAO,MAAM,sBAAsB,aAAa,2BAA2B,EAAE,mBAAmB,CAAC,KAAKA,EAAY,OAAO,MAAM,6BAA6B,aAAa,6CAA6C,CAAC,CAAC",
  "names": ["SecondaryButton", "props", "text", "link", "trackingEvent", "trackingProperties", "onClick", "rest", "handleClick", "e", "window", "eventProperties", "buttonClassName", "injectCSS", "u", "l", "p", "addPropertyControls", "ControlType"]
}