https://www.klassikradio.de/_next/static/chunks/MediaOverlay.990b5cfaf88042a9.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[851],{81609:(e,t,n)=>{n.r(t),n.d(t,{Overlay:()=>o,OverlayPortalBody:()=>f});var l=n(62888),r=n(91524),a=n(13561),s=n(12043),i=n.n(s),c=n(8091);let u=n.n(c)()(()=>n.e(1542).then(n.bind(n,61542)).then(e=>e.ReactComponent),{loadableGenerated:{webpack:()=>[61542]}}),d=null;d=document.createElement("div"),document.body.appendChild(d);let o=({visible:e,hide:t,children:n})=>{let[a,s]=(0,r.useState)(!1),c=(0,r.useRef)();function d(e){t()}return((0,r.useEffect)(()=>{e&&s(!0)},[e]),(0,r.useEffect)(()=>{if(c.current){let e=e=>{s(!1)};return c.current.addEventListener("animationend",e),()=>{c.current&&c.current.removeEventListener("animationend",e)}}},[c.current]),a)?(0,l.jsx)(f,{children:(0,l.jsxs)("div",{ref:c,className:i()({"fixed z-50 w-full h-full top-0 left-0 flex items-center justify-center":!0,"animate-fade-in pointer-events-auto":e,"animate-fade-out pointer-events-none":!e}),children:[(0,l.jsx)("div",{className:"absolute w-full h-full bg-black opacity-80"}),(0,l.jsxs)("div",{className:"flex overflow-hidden fixed z-50 justify-center items-center w-full h-full",onClick:d,children:[(0,l.jsx)("div",{className:"flex absolute top-0 right-0 z-50 flex-col items-center mt-4 mr-4 text-sm text-black cursor-pointer",onClick:d,children:(0,l.jsx)(u,{className:"shrink-0 w-8 md:w-12 h-8 md:h-12 text-white fill-current"})}),(0,l.jsx)("div",{className:"w-full max-w-screen-xl",onClick:e=>e.stopPropagation(),children:n})]})]})}):null},f=({children:e})=>{let[t,n]=(0,r.useState)(!1);return((0,r.useEffect)(()=>{n(!0)},[]),d&&t)?(0,a.createPortal)((0,l.jsx)(l.Fragment,{children:e}),d):null}}}]);