https://www.graze.social/assets/StickyNav-CJ-c87ob.js

1import{c as E,r as h,m as I,j as r}from"./main-D78L-pDZ.js";import{M as D}from"./MarketingNavBar-DHyn8V6d.js";try{let t=typeof window<"u"?window:typeof global<"u"?global:typeof globalThis<"u"?globalThis:typeof self<"u"?self:{},e=new t.Error().stack;e&&(t._sentryDebugIds=t._sentryDebugIds||{},t._sentryDebugIds[e]="be53e500-0bf9-4b18-9bbb-c23c4e17dc23",t._sentryDebugIdIdentifier="sentry-dbid-be53e500-0bf9-4b18-9bbb-c23c4e17dc23")}catch{}function T(t){const e=E.c(17),{variant:v}=t,n=v===void 0?"teal":v,a=h.useRef(null),[b,k]=h.useState("initial");let l,c;e[0]===Symbol.for("react.memo_cache_sentinel")?(l=()=>{if(!a.current)return;const _=new IntersectionObserver(w=>{w.forEach(j=>{const S=j.boundingClientRect.top<0;k(S?"in":N)})});return _.observe(a.current),()=>_.disconnect()},c=[a],e[0]=l,e[1]=c):(l=e[0],c=e[1]),h.useEffect(l,c);const u=n==="teal"&&"bg-teal-9 dark:bg-tealdark-9",m=n==="orange"&&"bg-orange-9 dark:bg-orangedark-9",g=n==="slate"&&"bg-slate-9 dark:bg-slatedark-9",p=b==="initial"&&"hidden",x=b==="in"&&"animate-in slide-in-from-top duration-300",y=b==="out"&&"animate-out slide-out-to-top fill-mode-forwards duration-300";let i;e[2]!==u||e[3]!==m||e[4]!==g||e[5]!==p||e[6]!==x||e[7]!==y?(i=I("fixed top-0 inset-x-0 z-50",u,m,g,p,x,y),e[2]=u,e[3]=m,e[4]=g,e[5]=p,e[6]=x,e[7]=y,e[8]=i):i=e[8];let o;e[9]!==n?(o=r.jsx("div",{className:"container mx-auto px-8 py-4 md:px-12 flex flex-col gap-8 md:gap-16",children:r.jsx(D,{showStartButton:!0,variant:n})}),e[9]=n,e[10]=o):o=e[10];let s;e[11]!==i||e[12]!==o?(s=r.jsx("div",{className:i,children:o}),e[11]=i,e[12]=o,e[13]=s):s=e[13];let d;e[14]===Symbol.for("react.memo_cache_sentinel")?(d=r.jsx("div",{ref:a}),e[14]=d):d=e[14];let f;return e[15]!==s?(f=r.jsxs(r.Fragment,{children:[s,d]}),e[15]=s,e[16]=f):f=e[16],f}function N(t){return t==="initial"?"initial":"out"}export{T as S};
2//# sourceMappingURL=StickyNav-CJ-c87ob.js.map