https://www.elevationrhythm.com/_next/static/chunks/4234.c6c71106caf6d1b0.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4234],{4234:(e,l,t)=>{t.r(l),t.d(l,{default:()=>j});var a=t(10940),s=t(57180),n=t(11230),o=t.n(n),r=t(24438),i=t(72956),c=t(21051),d=t.n(c),u=t(44217),b=t.n(u),m=t(61741),x=t.n(m),h=t(96626),f=t.n(h),v=t(39296);let p=f()(()=>t.e(7510).then(t.bind(t,37510)),{loadableGenerated:{webpack:()=>[37510]}}),g=f()(()=>t.e(1638).then(t.bind(t,59257)),{loadableGenerated:{webpack:()=>[59257]}});function j(e){var l,t,n,c;let{data:u,setIsOpen:m,currentTrack:h,isPlaying:f,audioRef:j,trackProgress:w,onScrubEnd:k,onScrub:N,duration:C,toPrevTrack:y,toNextTrack:P,setIsPlaying:E}=e,_=x()(b()(null==h?void 0:h.artists,"title"));return(0,a.jsx)(r.N,{onExitComplete:()=>{document.body.classList.remove("overflow-hidden")},children:(0,a.jsxs)(i.P.div,{style:{backgroundColor:null==u||null==(t=u.albumCover)||null==(l=t.responsiveImage)?void 0:l.bgColor},initial:{bottom:-300},animate:{bottom:0,opacity:1},exit:{bottom:-300},drag:"y",dragDirectionLock:!0,dragTransition:{bounceStiffness:500,bounceDamping:30},dragElastic:{top:0,bottom:0},dragConstraints:{top:0,bottom:200},onDragEnd:function(e,l){l.velocity.y>=45&&m(!1)},className:o()("fixed top-0 rounded-t-3xl left-0 z-50 w-screen h-screen p-10"),children:[(0,a.jsx)("div",{className:"absolute left-0 top-0 z-[-1] h-screen w-screen",children:(0,a.jsx)(v._,{data:null==u||null==(n=u.albumCover)?void 0:n.responsiveImage,className:"h-full w-full !max-w-[100vw] blur-[100px]",pictureClassName:"object-cover object-center"})}),(0,a.jsx)("hr",{className:"absolute left-1/2 top-5 h-1 w-10 -translate-x-1/2 rounded-full border-0 bg-white bg-opacity-30"}),(0,a.jsxs)("section",{className:"flex h-full flex-col justify-center gap-10 pb-10",children:[(0,a.jsx)("div",{className:"aspect-w-1 relative mx-auto mt-10 w-5/6",children:(0,a.jsx)(v._,{data:null==u||null==(c=u.albumCover)?void 0:c.responsiveImage,className:"h-full w-full shadow-2xl",pictureClassName:"object-cover object-center"})}),(0,a.jsxs)("section",{className:"flex flex-col justify-start",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-8",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)(p,{variant:"quintaryHeading",className:"block font-bold leading-tight text-white",children:null==h?void 0:h.title}),(0,a.jsx)(p,{variant:"paragraph",className:"block pr-12 !text-base !font-normal text-white opacity-70",children:d()(_,", ")})]}),(0,a.jsx)(g,{showProgress:!0,audioRef:j,trackProgress:w,isPlaying:f,onScrubEnd:k,onScrub:N,duration:C})]}),(0,a.jsx)(s.A,{showControls:!0,currentTrack:null==h?void 0:h.title,isPlaying:f,onPrevClick:y,onNextClick:P,onPlayPauseClick:E,numberOfTracks:null==u?void 0:u.tracks.length})]})]})]})})}}}]);