https://www.sky.de/_next/static/chunks/5355.db3cddafdd62aa8e.js?dpl=static-263-1-41

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5355],{65355:(e,n,t)=>{t.r(n),t.d(n,{default:()=>Y});var i=t(95155),o=t(37206),a=t(12115),r=t(70783),s=t(86518),l=t(66296),d=t(59235),c=t(8395),m=t(70073),u=t(21167),f=t(89825),p=t(17573),h=t(42058),x=t(24793),b=t(53903),g=t(24179);let $=(0,c.i7)(["from{transform:translateY(100%);}to{transform:translateY(0);}"]),w=c.Ay.div.withConfig({componentId:"sc-40bc7058-0"})(["display:flex;justify-content:center;overflow:hidden;"]),y=c.Ay.div.withConfig({componentId:"sc-40bc7058-1"})(["align-items:center;background-color:",";"," display:",";min-height:40px;overflow:hidden;padding:"," "," ",";width:100%;@media (min-width:","){border-radius:4px 4px 0 0;min-height:44px;width:420px;}"," @media (prefers-reduced-motion:reduce){animation:none;}",""],({$backgroundColor:e})=>e??(0,r.y)("grey80"),({$boxShadow:e})=>e&&`box-shadow: ${e};`,({$display:e})=>e?"inline-flex":"none",(0,m.Y)(0),(0,m.Y)(4),(0,m.Y)(6),(0,u.C)("md"),({$open:e})=>e?(0,c.AH)(["animation-duration:",";animation-fill-mode:forwards;animation-name:",";animation-timing-function:",";animation-direction:normal;"],(0,f.d)("medium-1"),$,(0,f.e)("ease-out")):(0,c.AH)(["animation-duration:",";animation-fill-mode:forwards;animation-name:",";animation-timing-function:",";animation-direction:reverse;"],(0,f.d)("short-2"),$,(0,f.e)("ease-in")),(0,p.w)({system:["position"]})),C=c.Ay.div.withConfig({componentId:"sc-40bc7058-2"})(["align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute;top:",";right:",";"],(0,m.Y)(2),(0,m.Y)(2)),v=({$position:e="relative",$zIndex:n=100,$backgroundColor:t,$boxShadow:o,src:r,children:s,open:l=!0,shouldAutoClose:d=!1,onClose:c,...m})=>{let[u,f]=(0,a.useState)(l),p=(0,a.useRef)(null),{animationState:$}=(0,h.v)({ref:p});return(0,a.useEffect)(()=>{"started"===$&&l?f(!0):"ended"!==$||l||f(!1)},[$,l]),(0,a.useEffect)(()=>{if(!d)return;let e=setTimeout(()=>{f(!1),c?.()},5e3);return()=>clearTimeout(e)},[d,c]),(0,i.jsx)(w,{children:(0,i.jsxs)(y,{$position:e,$zIndex:n,$backgroundColor:t,$boxShadow:o,"aria-live":"polite","data-component-name":"Toast",role:"log",ref:p,$open:l,$display:u,...m,children:[r&&(0,i.jsx)(C,{children:(0,i.jsx)(x.K,{"aria-label":"close-toast",src:r,$size:"medium",$variant:"minimal",onClick:c})}),(0,i.jsx)(b.s,{$alignItems:"flex-start",$gap:2,$justifyContent:"space-between",$marginX:"auto",style:{marginTop:"60px"},children:(0,i.jsx)(g.E,{$color:"text-grey",$flex:"1 1 auto",$fontSize:{xs:"body-sm",lg:"body"},children:s})})]},"toast")})};var j=t(21817),k=t(20056);let A=(0,o.default)(()=>t.e(2324).then(t.bind(t,79943)),{loadableGenerated:{webpack:()=>[79943]}}),Y=({feedback:e})=>{let n=(0,l.j)(),t=(0,l.G)(d.Vx),o=e?.[0],[c,m]=(0,a.useState)(void 0),[u,f]=(0,a.useState)(!1),p=(0,a.useCallback)(()=>{n((0,d.l)())},[n]);return((0,a.useEffect)(()=>{m((0,k.pm)(t,o))},[t,o]),c&&o?.content?.length)?(0,i.jsx)(v,{$position:"fixed",$bottom:"0",open:!0,shouldAutoClose:u,src:(0,j.DU)("linearCross"),onClose:p,$backgroundColor:`${(0,r.y)("white")}`,$boxShadow:(0,s.r)(4),children:(0,i.jsx)(A,{feedback:o,flow:c,onClose:p,onAutoClose:()=>f(!0)})}):null}}}]);