{"version":3,"file":"NavButton.CmlGcvLY.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/tnkHyZsEqyM3edt2YmRi/RjIGzPai3t3d6AG9IEXx/NavButton.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState}from\"react\";/**\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export default function NavButton(props){const[hovered,setHovered]=useState(false);const{label=\"Kontaktieren\",link=\"/contact\",variant=\"nav\"}=props;const isPrimary=variant===\"primary\";const isOutline=variant===\"outline\";return /*#__PURE__*/_jsxs(\"a\",{href:link,style:{position:\"relative\",display:\"inline-flex\",alignItems:\"center\",justifyContent:\"center\",padding:\"10px 24px\",borderRadius:\"999px\",overflow:\"hidden\",cursor:\"pointer\",textDecoration:\"none\",fontFamily:\"Inter, sans-serif\",fontSize:\"15px\",fontWeight:500,color:\"#ffffff\",border:isOutline?\"1.5px solid rgba(255,255,255,0.2)\":\"none\",boxShadow:isPrimary?hovered?\"0 0 40px 12px rgba(124, 58, 237, 0.75), 0 0 16px 4px rgba(168, 85, 247, 0.5)\":\"0 0 20px 6px rgba(124, 58, 237, 0.45), 0 0 8px 2px rgba(168, 85, 247, 0.3)\":isOutline?hovered?\"0 0 18px 4px rgba(124, 58, 237, 0.35)\":\"none\":hovered?\"0 0 28px 6px rgba(124, 58, 237, 0.6), 0 0 10px 2px rgba(168, 85, 247, 0.35)\":\"none\",transition:\"box-shadow 0.35s ease\",whiteSpace:\"nowrap\"},onMouseEnter:()=>setHovered(true),onMouseLeave:()=>setHovered(false),children:[/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",inset:0,borderRadius:\"999px\",background:isPrimary?\"linear-gradient(90deg, #7C3AED 0%, #a855f7 100%)\":isOutline?\"rgba(10, 8, 18, 0.85)\":\"rgba(255,255,255,0.07)\",zIndex:0}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"absolute\",inset:0,borderRadius:\"999px\",background:isPrimary?\"linear-gradient(90deg, #9333ea 0%, #c084fc 100%)\":\"linear-gradient(90deg, #7C3AED 0%, #a855f7 100%)\",clipPath:hovered?\"inset(0 0% 0 0 round 999px)\":\"inset(0 100% 0 0 round 999px)\",transition:\"clip-path 0.4s ease\",zIndex:1}}),/*#__PURE__*/_jsx(\"span\",{style:{position:\"relative\",zIndex:2},children:label})]});}addPropertyControls(NavButton,{label:{type:ControlType.String,title:\"Label\",defaultValue:\"Kontaktieren\"},link:{type:ControlType.String,title:\"Link\",defaultValue:\"/contact\"},variant:{type:ControlType.Enum,title:\"Variant\",options:[\"primary\",\"outline\",\"nav\"],optionTitles:[\"Primary\",\"Outline\",\"Nav\"],defaultValue:\"nav\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"NavButton\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"any\",\"framerSupportedLayoutWidth\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./NavButton.map"],"mappings":"iLAGG,SAAwB,EAAU,EAAM,CAAC,GAAK,CAAC,EAAQ,GAAYA,EAAS,GAAM,CAAM,CAAC,QAAM,eAAe,OAAK,WAAW,UAAQ,OAAO,EAAY,EAAU,IAAU,UAAgB,EAAU,IAAU,UAAU,OAAoB,EAAM,IAAI,CAAC,KAAK,EAAK,MAAM,CAAC,SAAS,WAAW,QAAQ,cAAc,WAAW,SAAS,eAAe,SAAS,QAAQ,YAAY,aAAa,QAAQ,SAAS,SAAS,OAAO,UAAU,eAAe,OAAO,WAAW,oBAAoB,SAAS,OAAO,WAAW,IAAI,MAAM,UAAU,OAAO,EAAU,oCAAoC,OAAO,UAAU,EAAU,EAAQ,+EAA+E,6EAA6E,EAAU,EAAQ,wCAAwC,OAAO,EAAQ,8EAA8E,OAAO,WAAW,wBAAwB,WAAW,SAAS,CAAC,iBAAiB,EAAW,GAAK,CAAC,iBAAiB,EAAW,GAAM,CAAC,SAAS,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,aAAa,QAAQ,WAAW,EAAU,mDAAmD,EAAU,wBAAwB,yBAAyB,OAAO,EAAE,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,MAAM,EAAE,aAAa,QAAQ,WAAW,EAAU,mDAAmD,mDAAmD,SAAS,EAAQ,8BAA8B,gCAAgC,WAAW,sBAAsB,OAAO,EAAE,CAAC,CAAC,CAAc,EAAK,OAAO,CAAC,MAAM,CAAC,SAAS,WAAW,OAAO,EAAE,CAAC,SAAS,EAAM,CAAC,CAAC,CAAC,CAAC,kBAHhnD,IAAoD,IAA4B,CAGkiD,EAAoB,EAAU,CAAC,MAAM,CAAC,KAAK,EAAY,OAAO,MAAM,QAAQ,aAAa,eAAe,CAAC,KAAK,CAAC,KAAK,EAAY,OAAO,MAAM,OAAO,aAAa,WAAW,CAAC,QAAQ,CAAC,KAAK,EAAY,KAAK,MAAM,UAAU,QAAQ,CAAC,UAAU,UAAU,MAAM,CAAC,aAAa,CAAC,UAAU,UAAU,MAAM,CAAC,aAAa,MAAM,CAAC,CAAC"}