https://www.kvik.no/_next/static/chunks/9438.575eab1e542e2e6a.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9438],{59438:(e,t,l)=>{l.r(t),l.d(t,{StickyTextAndImages:()=>d});var i=l(37876),s=l(14232),a=l(69241),n=l(68936),r=l(96636),c=l(51420),o=l(42135),x=l(63941);let u=()=>(0,i.jsx)("div",{className:"absolute w-full h-full top-0 left-0 bg-black/40 xl:hidden"}),d=e=>{var t;let{items:l,preloadImage:d}=e,[h,m]=(0,s.useState)(0),f=(0,o.Ub)("(min-width: 1280px)"),p=(0,s.useRef)(null),w=()=>{if(!p.current)return;let e=0,t=0;for(let l of p.current.children)l.getBoundingClientRect().top<.5*window.innerHeight&&(t=e),e++;m(t)};(0,o.ML)("scroll",w),(0,s.useEffect)(w,[]);let v=null==(t=l[h].backgroundColor)?void 0:t.hexValue,b=v?(0,x.w)(v):"#000000";return(0,i.jsx)("div",{className:"transition-colors duration-500 ease-linear",style:{backgroundColor:"#7a6650",color:b},children:(0,i.jsxs)("div",{className:"relative flex max-w-screen-3xl mx-auto",children:[(0,i.jsx)("div",{ref:p,className:"flex-1 z-1 text-white xl:text-[inherit] max-w-[100vw]",children:l.map((e,t)=>(0,i.jsxs)("div",{className:"min-h-[100vh] p-sm lg:p-md flex flex-col justify-center items-start ",children:[(0,i.jsx)("h2",{className:"text text-h2",children:e.headline}),(0,i.jsx)(n.s,{className:"mt-2xs xl:mt-sm max-w-[65ch] ",content:e.bodyHtml}),e.button&&(0,i.jsx)(r.$,{type:"link",href:e.button.url,color:f?"#FFFFFF"===b?"whiteOutline":"blackOutline":"whiteOutline",className:"!bg-transparent !duration-500",children:e.button.text})]},t))}),(0,i.jsx)("div",{className:"flex-1 absolute xl:static top-0 xl:top-[initial] h-full xl:h-[initial] w-full xl:w-[initial]",children:(0,i.jsxs)("div",{className:"sticky top-0 h-[100vh]",children:[l.map((e,t)=>(0,i.jsx)(c.K,{myKvikInteraction:!1,image:e.image,fill:!0,className:(0,a.A)("object-cover object-center transition-opacity duration-500 ease-in-out opacity-0",h===t&&"opacity-100"),sizes:"(min-width: 1280px) 50vw, 100vw",priority:d},t)),(0,i.jsx)(u,{})]})})]})})}}}]);