{"version":3,"file":"FloatingHeader.DaIQo4Ce.mjs","names":[],"sources":["https:/framerusercontent.com/modules/o2n2UgNv3wYS9zmcjQzj/tAeDFm8Wyv3E78fqbTJ0/FloatingHeader.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useEffect}from\"react\";export default function FloatingHeader(props){const{links=[{label:\"HOME\",href:\"/\"},{label:\"ABOUT\",href:\"/about\"},{label:\"VOLUNTEER\",href:\"/volunteer\"}],zIndex=1e3,backgroundColor=\"rgba(255, 255, 255, 0)\",blurBackdrop=false,textColor=\"rgb(10, 10, 10)\",fontSize=14,gap=32,paddingY=18,showBottomLine=false,enableBodyScroll=true}=props;// Inject CSS to enable page scrolling — overrides Framer's default\n// body styles that prevent scroll on multi-screen pages.\nuseEffect(()=>{if(!enableBodyScroll)return;if(typeof document===\"undefined\")return;const id=\"floating-header-scroll-fix\";if(document.getElementById(id))return;const style=document.createElement(\"style\");style.id=id;style.textContent=`\n            html, body {\n                overflow-y: auto !important;\n                overflow-x: hidden !important;\n                touch-action: auto !important;\n                overscroll-behavior: auto !important;\n                height: auto !important;\n                min-height: 100% !important;\n            }\n            html body [data-framer-root] {\n                height: auto !important;\n                min-height: 100vh !important;\n            }\n        `;document.head.appendChild(style);return()=>{const el=document.getElementById(id);if(el)el.remove();};},[enableBodyScroll]);const wrapperStyle={position:\"fixed\",top:0,left:0,right:0,width:\"100%\",zIndex,background:backgroundColor,backdropFilter:blurBackdrop?\"blur(14px) saturate(140%)\":\"none\",WebkitBackdropFilter:blurBackdrop?\"blur(14px) saturate(140%)\":\"none\",borderBottom:showBottomLine?\"1px solid rgba(0,0,0,0.08)\":\"none\",boxSizing:\"border-box\"};const navStyle={width:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",gap,padding:`${paddingY}px 24px`,boxSizing:\"border-box\"};const linkStyle={color:textColor,textDecoration:\"none\",fontFamily:'Inter, system-ui, -apple-system, \"Segoe UI\", sans-serif',fontSize,fontWeight:500,letterSpacing:\"0.04em\",lineHeight:1,whiteSpace:\"nowrap\",transition:\"opacity 160ms ease\",cursor:\"pointer\"};return /*#__PURE__*/_jsx(\"div\",{style:wrapperStyle,children:/*#__PURE__*/_jsx(\"nav\",{style:navStyle,\"aria-label\":\"Primary\",children:links.map((item,i)=>/*#__PURE__*/_jsx(\"a\",{href:item.href,style:linkStyle,onMouseEnter:e=>e.currentTarget.style.opacity=\"0.55\",onMouseLeave:e=>e.currentTarget.style.opacity=\"1\",children:item.label},i))})});}FloatingHeader.defaultProps={links:[{label:\"HOME\",href:\"/\"},{label:\"ABOUT\",href:\"/about\"},{label:\"VOLUNTEER\",href:\"/volunteer\"}],zIndex:1e3,backgroundColor:\"rgba(255, 255, 255, 0)\",blurBackdrop:false,textColor:\"rgb(10, 10, 10)\",fontSize:14,gap:32,paddingY:18,showBottomLine:false,enableBodyScroll:true};addPropertyControls(FloatingHeader,{links:{type:ControlType.Array,title:\"Links\",control:{type:ControlType.Object,controls:{label:{type:ControlType.String,title:\"Label\",defaultValue:\"LINK\"},href:{type:ControlType.String,title:\"Link\",defaultValue:\"/\",placeholder:\"/path or https://\"}}},defaultValue:[{label:\"HOME\",href:\"/\"},{label:\"ABOUT\",href:\"/about\"},{label:\"VOLUNTEER\",href:\"/volunteer\"}]},textColor:{type:ControlType.Color,title:\"Text color\",defaultValue:\"rgb(10, 10, 10)\"},backgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(255, 255, 255, 0)\"},blurBackdrop:{type:ControlType.Boolean,title:\"Backdrop blur\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},showBottomLine:{type:ControlType.Boolean,title:\"Bottom line\",defaultValue:false,enabledTitle:\"On\",disabledTitle:\"Off\"},fontSize:{type:ControlType.Number,title:\"Text size\",defaultValue:14,min:10,max:24,step:1,unit:\"px\"},gap:{type:ControlType.Number,title:\"Link gap\",defaultValue:32,min:8,max:80,step:2,unit:\"px\"},paddingY:{type:ControlType.Number,title:\"Vertical padding\",defaultValue:18,min:8,max:48,step:2,unit:\"px\"},zIndex:{type:ControlType.Number,title:\"z-index\",defaultValue:1e3,min:0,max:9999,step:1},enableBodyScroll:{type:ControlType.Boolean,title:\"Enable body scroll\",defaultValue:true,enabledTitle:\"On\",disabledTitle:\"Off\",description:\"Overrides Framer's default body styles so tall pages can scroll.\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FloatingHeader\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FloatingHeader.map"],"mappings":"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"}