{"version":3,"file":"GlassButton.C4TmsVdo.mjs","names":["React.useState"],"sources":["https:/framerusercontent.com/modules/yENNy6OXAReOBK73Eic1/4F2CZ39Pq8GDyIfkRrIM/GlassButton.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * The site's pill button: 40px tall, 20px side padding, 20px radius,\n * DM Mono 12/14. Four fills. Hover lifts it 1px and swaps the fill:\n *   glass -> slightly more opaque (on photos), or white with black text where\n *   the site does that (hero, footer)\n *   blue  -> white\n *   black -> blue with black text (nav \"Book a Demo\")\n *   white -> white\n * In Framer you will normally rebuild this as a component with variants;\n * this file documents the exact values.\n */const FILLS={glass:{background:\"rgba(255,255,255,.3)\",color:\"#fff\",hover:{background:\"rgba(255,255,255,.38)\",color:\"#fff\"},blur:1.5},blue:{background:\"#94b9eb\",color:\"#000\",hover:{background:\"#fff\",color:\"#000\"},blur:0},black:{background:\"#000\",color:\"#fff\",hover:{background:\"#94b9eb\",color:\"#000\"},blur:0},white:{background:\"#fff\",color:\"#000\",hover:{background:\"#fff\",color:\"#000\"},blur:0}};export default function GlassButton(props){const{label,variant,href,style}=props;const[hover,setHover]=React.useState(false);const f=FILLS[variant]||FILLS.glass;const fill=hover?f.hover:f;return /*#__PURE__*/_jsx(\"a\",{href:href,onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),style:{display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",height:40,padding:\"0 20px\",borderRadius:20,font:\"400 12px/14px 'DM Mono', ui-monospace, monospace\",whiteSpace:\"nowrap\",textDecoration:\"none\",background:fill.background,color:fill.color,backdropFilter:f.blur?`blur(${f.blur}px)`:undefined,WebkitBackdropFilter:f.blur?`blur(${f.blur}px)`:undefined,boxShadow:variant===\"glass\"?\"inset 0 2px 2px rgba(255,255,255,.4), inset 0 -2px 2px rgba(255,255,255,.4)\":undefined,transform:hover?\"translateY(-1px)\":\"none\",transition:\"transform .4s cubic-bezier(.22,1,.36,1), background-color .3s, color .3s\",...style},children:label});}GlassButton.defaultProps={label:\"Book a Demo\",variant:\"glass\",href:\"#\"};addPropertyControls(GlassButton,{label:{type:ControlType.String,title:\"Label\"},variant:{type:ControlType.Enum,title:\"Fill\",options:[\"glass\",\"blue\",\"black\",\"white\"]},href:{type:ControlType.Link,title:\"Link\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GlassButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GlassButton.map"],"mappings":"qKAU6Y,SAAwB,EAAY,EAAM,CAAC,GAAK,CAAC,QAAM,UAAQ,OAAK,SAAO,EAAW,CAAC,EAAM,GAAUA,EAAe,EAAK,EAAQ,EAAE,EAAM,IAAU,EAAM,MAAY,EAAK,EAAM,EAAE,MAAM,EAAE,OAAoB,EAAK,IAAI,CAAM,OAAK,iBAAiB,EAAS,EAAI,EAAE,iBAAiB,EAAS,EAAK,EAAE,MAAM,CAAC,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,OAAO,GAAG,QAAQ,SAAS,aAAa,GAAG,KAAK,mDAAmD,WAAW,SAAS,eAAe,OAAO,WAAW,EAAK,WAAW,MAAM,EAAK,MAAM,eAAe,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK,IAAA,GAAU,qBAAqB,EAAE,KAAK,QAAQ,EAAE,KAAK,KAAK,IAAA,GAAU,UAAU,IAAU,QAAQ,8EAA8E,IAAA,GAAU,UAAU,EAAM,mBAAmB,OAAO,WAAW,2EAA2E,GAAG,CAAK,EAAE,SAAS,CAAK,CAAC,CAAE,mBAVvwC,IAA4B,IAAoD,EAUjH,EAAM,CAAC,MAAM,CAAC,WAAW,uBAAuB,MAAM,OAAO,MAAM,CAAC,WAAW,wBAAwB,MAAM,MAAM,EAAE,KAAK,GAAG,EAAE,KAAK,CAAC,WAAW,UAAU,MAAM,OAAO,MAAM,CAAC,WAAW,OAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,MAAM,OAAO,MAAM,CAAC,WAAW,UAAU,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC,WAAW,OAAO,MAAM,OAAO,MAAM,CAAC,WAAW,OAAO,MAAM,MAAM,EAAE,KAAK,CAAC,CAAC,EAAu6B,EAAY,aAAa,CAAC,MAAM,cAAc,QAAQ,QAAQ,KAAK,GAAG,EAAE,EAAoB,EAAY,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,EAAE,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,QAAQ,CAAC,QAAQ,OAAO,QAAQ,OAAO,CAAC,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,MAAM,CAAC,CAAC"}