https://franklyjuice.dk/assets/ContentSection-Dk4NQohZ.js

1import{r,j as t}from"./index-CSpK9WyA.js";import{c as i,C as j}from"./SiteLayout-CeMXh7LW.js";const k=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["path",{d:"M16 9a5 5 0 0 1 0 6",key:"1q6k2b"}],["path",{d:"M19.364 18.364a9 9 0 0 0 0-12.728",key:"ijwkga"}]],N=i("volume-2",k);const w=[["path",{d:"M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z",key:"uqj9uw"}],["line",{x1:"22",x2:"16",y1:"9",y2:"15",key:"1ewh16"}],["line",{x1:"16",x2:"22",y1:"9",y2:"15",key:"5ykzw1"}]],A=i("volume-x",w);function z({title:u,media:o,cta:l,reverse:x=!1,rounded:m=!0,children:p}){const c=r.useRef(null),[d,v]=r.useState(!0),[y,h]=r.useState(!1);r.useEffect(()=>{const e=c.current;if(!e)return;const s=()=>e.play().catch(()=>{});s(),e.addEventListener("canplay",s);const a=()=>{const n=e;(n.mozHasAudio||n.webkitAudioDecodedByteCount||n.audioTracks&&n.audioTracks.length)&&h(!0)};return a(),e.addEventListener("loadeddata",a),e.addEventListener("timeupdate",a),()=>{e.removeEventListener("canplay",s),e.removeEventListener("loadeddata",a),e.removeEventListener("timeupdate",a)}},[]);const g=()=>{const e=c.current;if(!e)return;const s=!d;e.muted=s,e.volume=1,s||e.play().catch(()=>{}),v(s)},b=t.jsx("div",{className:x?"lg:order-last":"",children:o.type==="video"?t.jsxs("div",{className:"relative overflow-hidden bg-beige",children:[t.jsx("video",{ref:c,src:o.src,className:"aspect-square w-full bg-green/10 object-cover",autoPlay:!0,loop:!0,muted:!0,playsInline:!0,preload:"auto"}),y&&t.jsx("button",{type:"button",onClick:g,"aria-label":d?"Slå lyd til":"Slå lyd fra",className:"absolute bottom-4 right-4 flex h-11 w-11 items-center justify-center rounded-full bg-black/60 text-white shadow-lg backdrop-blur transition hover:bg-black/80",children:d?t.jsx(A,{size:20}):t.jsx(N,{size:20})})]}):t.jsx("img",{src:o.src,alt:o.alt,loading:"lazy",className:"aspect-square w-full object-cover"})}),f=t.jsxs("div",{children:[t.jsx("h2",{className:"heading text-2xl text-green sm:text-3xl",children:u}),t.jsx("div",{className:"body-text mt-4 space-y-4 text-foreground/85",children:p}),l&&t.jsxs(j,{to:l.to,colorClass:l.bg,className:"mt-6",children:[l.label," ",t.jsx("span",{className:"ml-2",children:"→"})]})]});return t.jsx("div",{className:`${m?"rounded-2xl":"rounded-none"} bg-beige px-6 py-6 sm:px-10 sm:py-8`,children:t.jsxs("div",{className:"grid items-center gap-10 lg:grid-cols-2 lg:gap-[60px]",children:[b,f]})})}export{z as C};