https://www.mordorintelligence.com/_next/static/chunks/776.e6f88b2d15c9a474.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[776],{40776:function(e,t,a){a.r(t);var r=a(85893),i=a(5152),s=a.n(i),n=a(25675),l=a.n(n),c=a(67294),u=a(14265),o=a(17711);let d=s()(()=>Promise.all([a.e(6266),a.e(8326),a.e(4994)]).then(a.bind(a,94994)),{loadableGenerated:{webpack:()=>[94994]},ssr:!1});t.default=e=>{let{interactiveChartBannerData:t}=e,[a,i]=(0,c.useState)(!1),[s,n]=(0,c.useState)(!1),[h,m]=(0,c.useState)(null),[x,f]=(0,c.useState)(!1),p=(0,c.useRef)(!1),g=(0,c.useRef)(!1),b=async()=>{if(!s&&!h){f(!0);try{let e=await o.I.post("https://api-nextjs.mordorintelligence.com/api/v1/public/interactive-market-chart",{slug:t.slug});(200===e.data.statusCode||e.data.status)&&(m(e.data.data),p.current&&i(!0))}catch(e){console.error("Error fetching interactive chart data",e)}finally{n(!1),f(!1),p.current=!1}}};async function y(){if(n(!0),h){n(!1),i(!0);return}if(x){p.current=!0;return}await b(),i(!0),n(!1)}return(0,c.useEffect)(()=>{if(h||g.current)return;g.current=!0;let e=setTimeout(()=>{b()},4e3);return()=>clearTimeout(e)},[h]),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"relative z-20 my-5 hidden w-full cursor-pointer items-center justify-center overflow-hidden px-6 py-4 lg:flex",onClick:()=>!s&&y(),children:[(0,r.jsx)("div",{className:"absolute inset-0 -z-10",children:(0,r.jsx)(l(),{loading:"lazy",src:"https://s3.mordorintelligence.com/static/InteractiveMarketChartBGImage.webp",alt:"Interactive Market Chart Background",layout:"fill",objectFit:"cover",quality:100,objectPosition:"center -212px"})}),(0,r.jsx)("div",{className:"absolute inset-0 bg-[#006FABD9]/90"}),(0,r.jsxs)("div",{className:"xl-gap-8 relative z-10 flex items-center justify-between gap-6",children:[(0,r.jsxs)("p",{className:"flex-1 text-left text-Display-Semibold-20 text-[#f4f4f4] xl:py-2",children:["Compare market size and growth of"," ",t.shortTitle," with other markets in",(0,r.jsxs)("span",{className:"text-[#FFD54F]",children:[" ",t.categoryTitle," "]}),"Industry"]}),(0,r.jsx)(u.Z,{children:(0,r.jsx)("button",{id:"view-chart-btn",disabled:s,className:"bg-Primary-Blue-50 px-4 py-[11px] text-Link-medium-14 leading-5 text-Primary-Blue-950 hover:bg-Neutrals-white disabled:cursor-not-allowed disabled:bg-gray-400 md:leading-6 xl:text-Link-medium-16",children:s?"Loading...":"View Chart"})})]})]}),a&&h&&(0,r.jsx)(d,{open:a,onOpenChange:i,interactiveChartBannerData:t,apiData:h})]})}}}]);