{"version":3,"file":"PillButton.HO3faGLx.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/ykq9nNd1o29KvsADUY2f/PggEJYQMBhZZLAGLMyuV/PillButton.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Pill Button\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 48\n *\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight auto\n */export default function PillButton(props){const{label=\"Read customer stories\",link=\"/customer-stories\",newTab=false,variant=\"dark\",surface=\"dark\",scrollTo=\"\",style}=props;const[hover,setHover]=useState(false);const dark=variant===\"dark\"?!hover:hover;return /*#__PURE__*/_jsx(\"a\",{href:link,target:newTab?\"_blank\":undefined,rel:newTab?\"noopener\":undefined,onClick:e=>{if(!scrollTo||typeof document===\"undefined\")return;// smooth scroll to a section on this page, found by its layer name\nconst el=document.querySelector(`[data-framer-name=\"${scrollTo}\"]`);if(!el)return;e.preventDefault();el.scrollIntoView({behavior:\"smooth\",block:\"start\"});},onMouseEnter:()=>setHover(true),onMouseLeave:()=>setHover(false),onFocus:()=>setHover(true),onBlur:()=>setHover(false),style:{...style,position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"13px 20px\",borderRadius:8,border:`1px solid ${dark?surface===\"light\"?\"rgb(0, 0, 0)\":\"rgba(255, 255, 255, 0.22)\":surface===\"light\"?\"rgb(0, 0, 0)\":\"rgb(255, 255, 255)\"}`,background:dark?\"rgb(0, 0, 0)\":\"rgb(255, 255, 255)\",color:dark?\"rgb(255, 255, 255)\":\"rgb(0, 0, 0)\",fontFamily:'\"Inter\", system-ui, sans-serif',fontSize:15,fontWeight:500,letterSpacing:\"-0.1px\",lineHeight:1.2,whiteSpace:\"nowrap\",width:style?.width===\"100%\"?\"100%\":\"max-content\",boxSizing:\"border-box\",textDecoration:\"none\",cursor:\"pointer\",transition:\"background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease\"},children:label});}addPropertyControls(PillButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Read customer stories\"},link:{type:ControlType.Link,title:\"Link\",defaultValue:\"/customer-stories\"},newTab:{type:ControlType.Boolean,title:\"New Tab\",defaultValue:false},scrollTo:{type:ControlType.String,title:\"Scroll To\",defaultValue:\"\",placeholder:\"Section layer name\"},surface:{type:ControlType.Enum,title:\"Surface\",options:[\"dark\",\"light\"],optionTitles:[\"Dark page\",\"Light page\"],defaultValue:\"dark\",displaySegmentedControl:true},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"dark\",\"light\"],optionTitles:[\"Dark\",\"Light\"],defaultValue:\"dark\",displaySegmentedControl:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"PillButton\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any\",\"framerIntrinsicWidth\":\"200\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"48\",\"framerSupportedLayoutHeight\":\"auto\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./PillButton.map"],"mappings":"0KAQG,SAAwB,EAAW,EAAM,CAAC,GAAK,CAAC,QAAM,wBAAwB,OAAK,oBAAoB,SAAO,GAAM,UAAQ,OAAO,UAAQ,OAAO,WAAS,GAAG,SAAO,EAAW,CAAC,EAAM,GAAUA,EAAS,EAAK,EAAQ,EAAK,IAAU,OAAO,CAAC,EAAM,EAAM,OAAoB,EAAK,IAAI,CAAC,KAAK,EAAK,OAAO,EAAO,SAAS,IAAA,GAAU,IAAI,EAAO,WAAW,IAAA,GAAU,QAAQ,GAAG,CAAC,GAAG,CAAC,GAAU,OAAO,SAAW,IAAY,OAC9Z,IAAM,EAAG,SAAS,cAAc,sBAAsB,EAAS,GAAG,EAAM,IAAU,EAAE,eAAe,EAAE,EAAG,eAAe,CAAC,SAAS,SAAS,MAAM,OAAO,CAAC,EAAE,EAAE,iBAAiB,EAAS,EAAI,EAAE,iBAAiB,EAAS,EAAK,EAAE,YAAY,EAAS,EAAI,EAAE,WAAW,EAAS,EAAK,EAAE,MAAM,CAAC,GAAG,EAAM,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,QAAQ,YAAY,aAAa,EAAE,OAAO,aAAa,EAAK,IAAU,QAAQ,eAAe,4BAA4B,IAAU,QAAQ,eAAe,uBAAuB,WAAW,EAAK,eAAe,qBAAqB,MAAM,EAAK,qBAAqB,eAAe,WAAW,iCAAiC,SAAS,GAAG,WAAW,IAAI,cAAc,SAAS,WAAW,IAAI,WAAW,SAAS,MAAM,GAAO,QAAQ,OAAO,OAAO,cAAc,UAAU,aAAa,eAAe,OAAO,OAAO,UAAU,WAAW,qEAAqE,EAAE,SAAS,CAAK,CAAC,CAAE,iBATt7B,IAA4B,IAAoD,EASu2B,EAAoB,EAAW,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,uBAAuB,EAAE,KAAK,CAAC,KAAK,EAAY,KAAK,MAAM,OAAO,aAAa,mBAAmB,EAAE,OAAO,CAAC,KAAK,EAAY,QAAQ,MAAM,UAAU,aAAa,EAAK,EAAE,SAAS,CAAC,KAAK,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,YAAY,oBAAoB,EAAE,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa,CAAC,YAAY,YAAY,EAAE,aAAa,OAAO,wBAAwB,EAAI,EAAE,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,OAAO,OAAO,EAAE,aAAa,CAAC,OAAO,OAAO,EAAE,aAAa,OAAO,wBAAwB,EAAI,CAAC,CAAC"}