Module 644681

function(e,t,n){"use strict";n.d(t,{A:()=>T});var r=n(627968),i=n(64700),s=n(310784),a=n.n(s),o=n(735438),l=n(582754),u=n(397927),c=n(736653),d=n(654107),_=n(998304),f=n(735991),p=n(278597),h=n(645725),m=n(379106);let E=20;function g(e,t,n){return t===n?1:(0,o.clamp)((e-t)/(n-t),0,1)}function A(e,t,n){return e+(t-e)*n}function I(e){let[t,n]=i.useState(void 0);return i.useEffect(()=>{null!=e.current&&n(getComputedStyle(e.current))},[e]),t}function T(e){let{application:t,context:n,name:s,iconURL:T,scrollerRef:S,sectionName:y}=e,v=(0,l.qB)((0,c.Ay)()),N=i.useRef(null),C=i.useRef(null),R=i.useRef(null),O=i.useRef(null),b=(0,u.rdh)(u.LU0.colors.BACKGROUND_BASE_LOW).hex(),D=(0,d.Ay)("number"==typeof T?"":T,b??""),L=i.useMemo(()=>(0,_.lZ)({foreground:a()(D),background:a()(v?"#000000":"#ffffff"),ratio:5,saturationFactor:.6})?.hex()??D,[D,v]),w=I(N),M=I(C),P=i.useCallback(()=>{let e=S.current,t=N.current,n=R.current,r=O?.current,i=parseInt(w?.height??""),s=parseInt(M?.height??"");if(null!=e&&null!=t&&null!=n&&!isNaN(i)&&!isNaN(s)){let a=e.scrollTop??0,l=0!==e.scrollHeight?e.scrollHeight:s+E,u=0!==e.clientHeight?e.clientHeight:s+E,c=s-i,d=(0,o.clamp)(l-u,c+1,s+E),_=g(a,c,d);t.style.filter=`brightness(${A(1,v?1.4:.6,_)})`,t.style.backgroundColor=`color-mix(in oklab,${D} ${(1-_)*100}%, ${L})`,n.style.opacity=`${A(0,1,_)}`,n.style.transform=`translateY(${A(i/4,0,_)}px)`,null!=r&&(r.style.opacity=`${A(1,0,_)}`)}},[L,D,M?.height,v,S,w?.height]);return i.useEffect(()=>{P()},[P,v]),i.useEffect(()=>{let e=S.current,t=()=>{P()};return e?.addEventListener("scroll",t),()=>{e?.removeEventListener("scroll",t)}},[S,P]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:m.Xp,children:[(0,r.jsx)("div",{className:m.LO,children:(0,r.jsx)("div",{className:m.If,ref:N})}),(0,r.jsx)("div",{className:m.FY,children:(0,r.jsx)(p.A,{className:m.aY})}),(0,r.jsx)("div",{className:m.VW,children:(0,r.jsx)(u.Heading,{ref:R,className:m.n,variant:"heading-lg/extrabold",children:s})})]}),(0,f.$B)(t)?(0,r.jsx)("div",{ref:O,className:m.Ch,children:(0,r.jsx)(h.A,{application:t,context:n,className:m.aY,sectionName:y})}):null,(0,r.jsx)("div",{ref:C,className:m.b8,style:{backgroundColor:D}})]})}}