https://www.thoughtspot.com/_next/static/chunks/23496.009284765fbb6719.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23496],{23496:function(e,l,s){"use strict";s.r(l);var o=s(85893),t=s(67294),a=s(93967),c=s.n(a),r=s(85307),i=s.n(r);l.default=function(e){let l=(0,t.useRef)(null),s=(0,t.useRef)(null),a=(0,t.useRef)(null);function r(e){let s=a.current.querySelectorAll("[data-logo]");s.forEach(e=>e.classList.remove(i().hover));let o=l.current.querySelectorAll(".".concat(i().slide));o.forEach(e=>e.classList.remove(i().active)),o[e]&&o[e].classList.add(i().active),s[e]&&s[e].classList.add(i().hover)}return(0,t.useEffect)(()=>{let e=a.current.querySelectorAll("[data-logo]"),o=s.current.querySelectorAll("[data-bullet]");e.forEach((e,l)=>{e.addEventListener("click",e=>{r(l),e.preventDefault()})}),o.forEach((e,s)=>{e.addEventListener("click",e=>{o.forEach(e=>{e.classList.remove(i().active)}),l.current.style.transform="translateX(-".concat((window.innerWidth-49)*s,"px)"),e.target.classList.add(i().active),r(s),e.preventDefault()})}),r(0)},[]),(0,o.jsxs)("div",{className:i().customer_video_gallery,style:e.style,children:[(0,o.jsx)("div",{ref:l,className:i().slides,style:{width:"calc(".concat(100*e.slides.length,"vw + ").concat(20*e.slides.length,"px)")},children:e.slides&&e.slides.map((l,s)=>(0,o.jsxs)("div",{className:i().slide,children:[l,(0,o.jsx)("div",{className:c()(i().slide_logo,"mobile_only"),style:{backgroundImage:'url("'.concat(e.logos[s].active,'")')}})]},"slide_".concat(s)))}),(0,o.jsx)("ul",{ref:s,className:c()("mobile_only",i().bullets),children:e.logos&&e.logos.map((e,l)=>(0,o.jsx)("li",{className:0==l?i().active:"","data-bullet":!0},"bullet_".concat(l)))}),e.logos&&(0,o.jsx)("div",{ref:a,className:c()("desktop_only",i().logos),children:e.logos.map((e,l)=>(0,o.jsx)("div",{"data-logo":!0,children:(0,o.jsxs)("button",{className:i().logo,children:[(0,o.jsx)("div",{className:i().active,style:{backgroundImage:'url("'.concat(e.active,'")')}}),(0,o.jsx)("div",{className:i().inactive,style:{backgroundImage:'url("'.concat(e.inactive,'")')}})]})},"logo_".concat(l)))})]})}},85307:function(e){e.exports={customer_video_gallery:"customers_video_gallery_customer_video_gallery__J3qrb",slides:"customers_video_gallery_slides__Bk5Nt",bullets:"customers_video_gallery_bullets__H_APq",active:"customers_video_gallery_active__DPr77",slide:"customers_video_gallery_slide__hbIwu",slide_logo:"customers_video_gallery_slide_logo__pL5B_",logos:"customers_video_gallery_logos__0RmqC",hover:"customers_video_gallery_hover__rPa8N",inactive:"customers_video_gallery_inactive__gHNEc",logo:"customers_video_gallery_logo__n_mUe"}}}]);