"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[215],{4909:function(e,t,i){i.r(t),i.d(t,{AppDemo:function(){return f}});var a=i(7437),n=i(2265),s=i(1994),l=i(3433),r=i(1906),c=i(909),d=i(3174);let o=[4997.56,5244.34,5472.25,5832.4,6888.76,5834.8,7805.56,6767.38,8861.21,9669.6,10694.39,9721.32,12694.03,12110.1,9502.2,7549.56,8611.03,9583.4,12110.14,8660.6,9752.11,8721.19,8638.89,9661.7,8894.51,8580.3,9638,9613.3,9651.64,9560.51,9611.45,9670.68,9752.56],x=Math.max(...o),h=Math.min(...o);function u(e){let{className:t,activePointIndex:i,onChangeActivePointIndex:d,width:u,height:f,paddingX:v=0,paddingY:m=0,gridLines:g=6,...j}=e,y=u-2*v,p=f-2*m,b=(0,n.useId)(),w=(0,n.useRef)(null),N=(0,n.useRef)(null),k=(0,l.Y)(w,{amount:.5,once:!0}),Z=(0,r.c)(0),[M,C]=(0,n.useState)(!1),L="",$=[];for(let e=0;ed(null),onPointerMove:e=>{let t=e.nativeEvent.offsetX,i=null,a=1/0;for(let e=0;e<$.length;e++){let n=Math.abs($[e].x-t);if(n(0,a.jsx)("line",{stroke:"#a3a3a3",opacity:"0.1",x1:"0",y1:f/g*(e+1),x2:u,y2:f/g*(e+1)},e)),(0,a.jsx)(c.E.rect,{y:m,width:Z,height:p,fill:`url(#${b}-gradient)`,clipPath:`url(#${b}-clip)`,opacity:"0.5"}),(0,a.jsx)(c.E.path,{ref:N,d:L,fill:"none",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",initial:{pathLength:0},transition:{duration:1},...k?{stroke:"#06b6d4",animate:{pathLength:1}}:{},onUpdate:e=>{let{pathLength:t}=e;N.current&&"number"==typeof t&&Z.set(N.current.getPointAtLength(t*N.current.getTotalLength()).x)},onAnimationComplete:()=>C(!0)}),null!==i&&(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("line",{x1:"0",y1:$[i].y,x2:u,y2:$[i].y,stroke:"#06b6d4",strokeDasharray:"1 3"}),(0,a.jsx)("circle",{r:"4",cx:$[i].x,cy:$[i].y,fill:"#fff",strokeWidth:"2",stroke:"#06b6d4"})]})]})}function f(){let[e,t]=(0,n.useState)(null),i=e??o.length-1,l=o[i],r=o[i-1],c=0===i?null:(l-r)/r*100;return(0,a.jsx)(d.q,{children:(0,a.jsx)(d.q.Body,{children:(0,a.jsxs)("div",{className:"p-4",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)("div",{className:"text-xs leading-6 text-gray-500",children:"My Event Earnings"}),(0,a.jsx)("div",{className:"text-sm text-gray-900"}),(0,a.jsx)("svg",{viewBox:"0 0 24 24",className:"ml-auto h-6 w-6",fill:"none",children:(0,a.jsx)("path",{d:"M5 12a7 7 0 1 1 14 0 7 7 0 0 1-14 0ZM12 9v6M15 12H9",stroke:"#171717",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})]}),(0,a.jsxs)("div",{className:"mt-3 border-t border-gray-200 pt-5",children:[(0,a.jsxs)("div",{className:"flex items-baseline gap-2",children:[(0,a.jsx)("div",{className:"text-2xl tabular-nums tracking-tight text-gray-900",children:l.toFixed(2)}),(0,a.jsx)("div",{className:"text-sm text-gray-900",children:"USD"}),c&&(0,a.jsx)("div",{className:(0,s.Z)("ml-auto text-sm tabular-nums tracking-tight",c>=0?"text-cyan-500":"text-gray-500"),children:`${c>=0?"+":""}${c.toFixed(2)}%`})]}),(0,a.jsxs)("div",{className:"mt-6 flex gap-4 text-xs text-gray-500",children:[(0,a.jsx)("div",{children:"1D"}),(0,a.jsx)("div",{children:"5D"}),(0,a.jsx)("div",{className:"font-semibold text-cyan-600",children:"1M"}),(0,a.jsx)("div",{children:"6M"}),(0,a.jsx)("div",{children:"1Y"}),(0,a.jsx)("div",{children:"5Y"})]}),(0,a.jsx)("div",{className:"mt-3 rounded-lg bg-gray-50 ring-1 ring-inset ring-black/5",children:(0,a.jsx)(u,{width:286,height:208,paddingX:16,paddingY:32,activePointIndex:e,onChangeActivePointIndex:t})}),(0,a.jsx)("div",{className:"mt-4 rounded-lg bg-cyan-500 px-4 py-2 text-center text-sm font-semibold text-white",children:"Request Payout"}),(0,a.jsxs)("div",{className:"mt-3 divide-y divide-gray-100 text-sm",children:[(0,a.jsxs)("div",{className:"flex justify-between py-1",children:[(0,a.jsx)("div",{className:"text-gray-500",children:"Open"}),(0,a.jsx)("div",{className:"font-medium text-gray-900",children:"6,387.55"})]}),(0,a.jsxs)("div",{className:"flex justify-between py-1",children:[(0,a.jsx)("div",{className:"text-gray-500",children:"Closed"}),(0,a.jsx)("div",{className:"font-medium text-gray-900",children:"6,487.09"})]}),(0,a.jsxs)("div",{className:"flex justify-between py-1",children:[(0,a.jsx)("div",{className:"text-gray-500",children:"Low"}),(0,a.jsx)("div",{className:"font-medium text-gray-900",children:"6,322.01"})]})]})]})]})})})}},3174:function(e,t,i){i.d(t,{q:function(){return d}});var a=i(7437),n=i(2265),s=i(1994);function l(e){return(0,a.jsxs)("svg",{viewBox:"0 0 79 24",fill:"none","aria-hidden":"true",...e,children:[(0,a.jsx)("path",{d:"M12 24C5.373 24 0 18.627 0 12S5.373 0 12 0s12 5.373 12 12-5.373 12-12 12ZM2.4 12a9.004 9.004 0 0 0 6.055 8.507c1.565.542 2.945-.85 2.945-2.507V6c0-1.657-1.38-3.049-2.945-2.507A9.004 9.004 0 0 0 2.4 12Z",fill:"#06B6D4"}),(0,a.jsx)("path",{d:"M33.004 17V6.818h3.818c.783 0 1.439.146 1.97.438.533.291.935.692 1.207 1.203.275.507.413 1.084.413 1.73 0 .653-.138 1.233-.413 1.74a2.948 2.948 0 0 1-1.218 1.198c-.537.288-1.198.433-1.983.433h-2.531v-1.517h2.282c.457 0 .832-.08 1.124-.238.291-.16.507-.378.646-.657.142-.278.214-.598.214-.96 0-.36-.072-.679-.214-.954a1.452 1.452 0 0 0-.651-.641c-.292-.156-.668-.234-1.129-.234h-1.69V17h-1.845Zm12.152.15c-.746 0-1.392-.165-1.939-.493a3.343 3.343 0 0 1-1.273-1.377c-.298-.59-.447-1.28-.447-2.068 0-.79.15-1.48.447-2.073a3.335 3.335 0 0 1 1.273-1.383c.547-.328 1.193-.492 1.94-.492.745 0 1.391.164 1.938.492.547.329.97.79 1.268 1.383.301.593.452 1.284.452 2.073 0 .789-.15 1.478-.452 2.068a3.309 3.309 0 0 1-1.268 1.377c-.547.328-1.193.492-1.939.492Zm.01-1.443c.404 0 .742-.11 1.014-.333.272-.225.474-.527.607-.905.136-.377.204-.798.204-1.262 0-.468-.068-.89-.204-1.268a2.007 2.007 0 0 0-.607-.91c-.272-.225-.61-.338-1.014-.338-.414 0-.759.113-1.034.338a2.041 2.041 0 0 0-.612.91 3.81 3.81 0 0 0-.198 1.268c0 .464.066.885.198 1.262.136.378.34.68.612.905.275.222.62.333 1.034.333Zm8.508 1.442c-.763 0-1.417-.167-1.964-.502a3.352 3.352 0 0 1-1.258-1.387c-.292-.593-.437-1.276-.437-2.048 0-.776.149-1.46.447-2.054a3.34 3.34 0 0 1 1.263-1.392c.547-.334 1.193-.502 1.939-.502.62 0 1.168.115 1.645.343.48.226.864.546 1.149.96.285.41.447.891.487 1.441h-1.72a1.644 1.644 0 0 0-.497-.92c-.259-.248-.605-.372-1.04-.372-.367 0-.69.1-.969.298-.278.196-.495.478-.651.845-.153.368-.229.81-.229 1.323 0 .52.076.968.229 1.342.152.371.366.658.641.86.279.2.605.298.98.298.265 0 .502-.05.71-.149.213-.102.39-.25.532-.442.143-.192.24-.426.294-.701h1.72a2.999 2.999 0 0 1-.477 1.437c-.275.414-.65.739-1.124.974-.474.232-1.03.348-1.67.348Zm6.39-2.545-.006-2.173h.289l2.744-3.067h2.103l-3.376 3.758h-.372l-1.383 1.482ZM58.422 17V6.818h1.8V17h-1.8Zm4.792 0-2.485-3.475 1.213-1.268L65.368 17h-2.153Zm6.245.15c-.766 0-1.427-.16-1.984-.478a3.233 3.233 0 0 1-1.278-1.362c-.298-.59-.447-1.285-.447-2.083 0-.786.149-1.475.447-2.069a3.384 3.384 0 0 1 1.263-1.392c.54-.334 1.175-.502 1.904-.502.47 0 .915.076 1.333.229.42.149.792.381 1.113.696.325.315.58.716.766 1.203.186.484.278 1.06.278 1.73v.552h-6.259v-1.213h4.534a1.935 1.935 0 0 0-.224-.92 1.625 1.625 0 0 0-.611-.641 1.719 1.719 0 0 0-.905-.234c-.368 0-.691.09-.97.269a1.848 1.848 0 0 0-.65.696c-.153.285-.231.598-.234.94v1.058c0 .444.08.825.243 1.144.163.315.39.556.681.726.292.165.634.248 1.025.248.261 0 .498-.036.71-.11.213-.075.397-.187.552-.332.156-.146.274-.327.353-.542l1.68.189a2.62 2.62 0 0 1-.606 1.163 2.958 2.958 0 0 1-1.133.766c-.461.179-.988.268-1.581.268Zm8.731-7.786v1.392h-4.39V9.364h4.39Zm-3.306-1.83h1.8v7.17c0 .241.036.427.109.556a.59.59 0 0 0 .298.258c.123.047.259.07.408.07.113 0 .215-.008.308-.025.096-.016.17-.031.219-.045l.303 1.407c-.096.034-.233.07-.412.11-.176.04-.392.063-.647.07a2.934 2.934 0 0 1-1.218-.204 1.895 1.895 0 0 1-.86-.706c-.209-.319-.311-.716-.308-1.194V7.534Z",fill:"#fff"})]})}function r(e){return(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",...e,children:(0,a.jsx)("path",{d:"M5 6h14M5 18h14M5 12h14",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function c(e){return(0,a.jsx)("svg",{viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",...e,children:(0,a.jsx)("path",{d:"M15 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM6.696 19h10.608c1.175 0 2.08-.935 1.532-1.897C18.028 15.69 16.187 14 12 14s-6.028 1.689-6.836 3.103C4.616 18.065 5.521 19 6.696 19Z",stroke:"#fff",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"})})}function d(e){let{children:t,className:i,...n}=e;return(0,a.jsxs)("div",{className:(0,s.Z)("flex flex-col",i),...n,children:[(0,a.jsxs)("div",{className:"flex justify-between px-4 pt-4",children:[(0,a.jsx)(r,{className:"h-6 w-6 flex-none"}),(0,a.jsx)(l,{className:"h-6 flex-none"}),(0,a.jsx)(c,{className:"h-6 w-6 flex-none"})]}),t]})}d.Header=(0,n.forwardRef)(function(e,t){let{children:i}=e;return(0,a.jsx)("div",{ref:t,className:"mt-6 px-4 text-white",children:i})}),d.Title=(0,n.forwardRef)(function(e,t){let{children:i}=e;return(0,a.jsx)("div",{ref:t,className:"text-2xl text-white",children:i})}),d.Subtitle=(0,n.forwardRef)(function(e,t){let{children:i}=e;return(0,a.jsx)("div",{ref:t,className:"text-sm text-gray-500",children:i})}),d.Body=(0,n.forwardRef)(function(e,t){let{children:i,className:n}=e;return(0,a.jsx)("div",{ref:t,className:(0,s.Z)("mt-6 flex-auto rounded-t-2xl bg-white",n),children:i})})},4582:function(e,t,i){i.d(t,{z:function(){return c}});var a=i(7437),n=i(7648),s=i(1994);let l={solid:"inline-flex justify-center rounded-lg py-2 px-3 text-sm font-semibold transition-colors",outline:"inline-flex justify-center rounded-lg border py-[calc(theme(spacing.2)-1px)] px-[calc(theme(spacing.3)-1px)] text-sm transition-colors"},r={solid:{cyan:"relative overflow-hidden bg-cyan-500 text-white before:absolute before:inset-0 active:before:bg-transparent hover:before:bg-white/10 active:bg-cyan-600 active:text-white/80 before:transition-colors",white:"bg-white text-cyan-900 hover:bg-white/90 active:bg-white/90 active:text-cyan-900/70",gray:"bg-gray-800 text-white hover:bg-gray-900 active:bg-gray-800 active:text-white/80"},outline:{gray:"border-gray-300 text-gray-700 hover:border-gray-400 active:bg-gray-100 active:text-gray-700/80"}};function c(e){let{className:t,...i}=e;return i.variant??="solid",i.color??="gray",t=(0,s.Z)(l[i.variant],"outline"===i.variant?r.outline[i.color]:"solid"===i.variant?r.solid[i.color]:void 0,t),void 0===i.href?(0,a.jsx)("button",{className:t,...i}):(0,a.jsx)(n.default,{className:t,...i})}},4361:function(e,t,i){i.d(t,{W:function(){return s}});var a=i(7437),n=i(1994);function s(e){let{className:t,...i}=e;return(0,a.jsx)("div",{className:(0,n.Z)("mx-auto max-w-7xl px-4 sm:px-6 lg:px-8",t),...i})}},7026:function(e,t,i){i.d(t,{N:function(){return c}});var a=i(7437),n=i(3145),s=i(1994),l=i(2385);function r(e){return(0,a.jsxs)("svg",{viewBox:"0 0 366 729","aria-hidden":"true",...e,children:[(0,a.jsx)("path",{fill:"#F2F2F2",fillRule:"evenodd",clipRule:"evenodd",d:"M300.092 1c41.22 0 63.223 21.99 63.223 63.213V184.94c-.173.184-.329.476-.458.851.188-.282.404-.547.647-.791.844-.073 2.496.257 2.496 2.157V268.719c-.406 2.023-2.605 2.023-2.605 2.023a7.119 7.119 0 0 1-.08-.102v394.462c0 41.213-22.001 63.212-63.223 63.212h-95.074c-.881-.468-2.474-.795-4.323-.838l-33.704-.005-.049.001h-.231l-.141-.001c-2.028 0-3.798.339-4.745.843H66.751c-41.223 0-63.223-21.995-63.223-63.208V287.739c-.402-.024-2.165-.23-2.524-2.02v-.973A2.039 2.039 0 0 1 1 284.62v-47.611c0-.042.001-.084.004-.126v-.726c0-1.9 1.652-2.23 2.496-2.157l.028.028v-16.289c-.402-.024-2.165-.23-2.524-2.02v-.973A2.039 2.039 0 0 1 1 214.62v-47.611c0-.042.001-.084.004-.126v-.726c0-1.9 1.652-2.23 2.496-2.157l.028.028v-26.041a2.26 2.26 0 0 0 .093-.236l-.064-.01a3.337 3.337 0 0 1-.72-.12l-.166-.028A2 2 0 0 1 1 135.62v-24.611a2 2 0 0 1 1.671-1.973l.857-.143v-44.68C3.528 22.99 25.53 1 66.75 1h233.341ZM3.952 234.516a5.481 5.481 0 0 0-.229-.278c.082.071.159.163.228.278Zm89.99-206.304A4.213 4.213 0 0 0 89.727 24H56.864C38.714 24 24 38.708 24 56.852v618.296C24 693.292 38.714 708 56.864 708h250.272c18.15 0 32.864-14.708 32.864-32.852V56.852C340 38.708 325.286 24 307.136 24h-32.864a4.212 4.212 0 0 0-4.213 4.212v2.527c0 10.235-8.3 18.532-18.539 18.532H112.48c-10.239 0-18.539-8.297-18.539-18.532v-2.527Z"}),(0,a.jsx)("rect",{x:"154",y:"29",width:"56",height:"5",rx:"2.5",fill:"#D4D4D4"})]})}function c(e){let{className:t,children:i,priority:c=!1,...d}=e;return(0,a.jsxs)("div",{className:(0,s.Z)("relative aspect-[366/729]",t),...d,children:[(0,a.jsx)("div",{className:"absolute inset-y-[calc(1/729*100%)] left-[calc(7/729*100%)] right-[calc(5/729*100%)] rounded-[calc(58/366*100%)/calc(58/729*100%)] shadow-2xl"}),(0,a.jsx)("div",{className:"absolute left-[calc(23/366*100%)] top-[calc(23/729*100%)] grid h-[calc(686/729*100%)] w-[calc(318/366*100%)] transform grid-cols-1 overflow-hidden bg-gray-900 pt-[calc(23/318*100%)]",children:i}),(0,a.jsx)(r,{className:"pointer-events-none absolute inset-0 h-full w-full fill-gray-100"}),(0,a.jsx)(n.default,{src:l.default,alt:"",className:"pointer-events-none absolute inset-0 h-full w-full",unoptimized:!0,priority:c})]})}},6318:function(e,t,i){i.r(t),t.default={src:"/_next/static/media/usa-today.ba95b9c7.svg",height:28,width:78,blurWidth:0,blurHeight:0}},2385:function(e,t,i){i.r(t),t.default={src:"/_next/static/media/phone-frame.d4b6b62a.svg",height:729,width:366,blurWidth:0,blurHeight:0}}}]);