"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[30],{166:(e,s,a)=>{var r=a(0);a(1);const{wrapper:i,img:t}={wrapper:"S3cYcZu1",img:"k1lBEXxv"},c=({src:e,alt:s})=>(0,r.jsx)("div",Object.assign({className:i},{children:(0,r.jsx)("img",{width:20,height:20,className:t,src:e,alt:s,loading:"lazy"})}));var n=a(185);const l=({carouselImages:e,isJsDisabled:s,carouselRef:a})=>(0,r.jsx)("div",Object.assign({className:(0,n.a)(s&&"noJsCarousel")},{children:(0,r.jsx)("div",Object.assign({ref:a,className:"keen-slider"},{children:e.length>0&&e.map(((e,s)=>(0,r.jsx)("div",Object.assign({style:{maxHeight:550,maxWidth:550},className:`keen-slider__slide number-slide${s}`},{children:(0,r.jsx)(c,{src:e.src,alt:e.alt})}),e.alt)))}))}));var d=a(4),u=a(2),o=a(8);function p(e){return s=>{s.on("animationStarted",(()=>{const a=s.track.details.minIdx,r=s.track.details.maxIdx,i=s.animator.targetIdx||0;e({min:a,max:r,current:i})}))}}const h={loop:!0,mode:"snap",slides:{perView:1.2,spacing:20},breakpoints:{"(min-width: 794px)":{slides:{perView:2.6,origin:"auto",spacing:18}}}},{wrapper:g,wrapperTitle:j,carouselWrapper:m,wrapperSubtitle:x,arrowLeft:b,arrowRight:w,wrapperHeading:O}={wrapper:"B0Hby1Qx",wrapperHeading:"c5_hv9do",wrapperTitle:"ctGwj2MY",wrapperSubtitle:"EWhOzRYw",carouselWrapper:"b3NKu134",arrowLeft:"zb7BQryH",arrowRight:"zhRE9OUj",disable:"y9ONLNnX",title:"B3ogI3S3"};(0,a(3).createEntrypoint)("new-instagram-stories-feature",(({heading:e,subheading:s,hashtag:a,hashtagUrl:i,carouselImages:t})=>{const{isJsDisabled:c,carouselRef:v,handleSlidePrev:N,handleSlideNext:f}=(()=>{const[e,s]=(0,u.useState)(!0),[a,r]=(0,u.useState)({min:0,max:1,current:0}),[i,t]=(0,o.a)(h,[p(r)]);var c,n;(0,u.useEffect)((c=t,n=h,()=>(c.current&&c.current.update(Object.assign({},n)),()=>{c.current&&c.current.destroy()})),[t.current]);const l=(0,u.useCallback)((e=>{e.stopPropagation(),t.current&&t.current.prev()}),[t.current]),d=(0,u.useCallback)((e=>{e.stopPropagation(),t.current&&t.current.next()}),[t.current]);return(0,u.useEffect)((()=>{s(!1)}),[]),{isJsDisabled:e,carouselRef:i,handleSlidePrev:l,handleSlideNext:d,slideIdx:a}})();return(0,r.jsxs)("div",Object.assign({className:(0,n.a)(g)},{children:[(0,r.jsxs)("div",Object.assign({className:O},{children:[(0,r.jsx)("h1",Object.assign({className:j},{children:e})),(0,r.jsxs)("div",Object.assign({className:x},{children:[(0,r.jsx)("h3",{children:s}),(0,r.jsx)("a",Object.assign({href:i},{children:a}))]}))]})),(0,r.jsxs)("div",Object.assign({className:m},{children:[(0,r.jsx)("a",Object.assign({className:(0,n.a)(b),onClick:N},{children:(0,r.jsx)(d.r,{})})),(0,r.jsx)("a",Object.assign({className:(0,n.a)(w),onClick:f},{children:(0,r.jsx)(d.s,{})})),(0,r.jsx)(l,{carouselImages:t,isJsDisabled:c,carouselRef:v})]}))]}))}))()}},e=>{e.O(0,[1,2,3,4,5,6],(()=>(166,e(e.s=166)))),e.O()}]);