import G from"./r30vOtDw.js";import{D as w,j as B,w as I,X as u,o as n,c as s,f as c,m as i,a as _,Y as m,b,aE as V,u as t,l as p,d as o,ac as A,F as h,Z as y,_ as D}from"./BAbWz8Mr.js";import{u as L}from"./C1L4bssa.js";import{q as j}from"./DHdgHuPk.js";import"./C-HyktPo.js";const q={class:"industry-section"},E={class:"industry-section__section"},F=["id","aria-labelledby"],$={class:"industry-section__content"},O={key:0},X={key:1,class:"industry-section__badges"},Y=["src","alt"],Z={key:2,class:"industry-section__cards"},z=["href","data-ga-location","data-ga-name"],H=["src","alt"],J=w({__name:"IndustrySection",props:{heading:{},button:{},tabs:{}},async setup(r){let d,f;const a=B(r.tabs[0]),v=l=>{a.value=l},{data:x}=([d,f]=I(()=>L("g2-badges",()=>j("shared").where("stem","=","shared/en-us/g2-badges").first().then(l=>l?.meta??null))),d=await d,f(),d),S=x.value?.badges??[];return(l,M)=>{const g=u("SlpTypography"),k=G,C=u("SlpIcon"),N=u("SlpButton"),T=u("SlpContainer");return n(),s("section",q,[c(T,null,{default:i(()=>[c(g,{tag:"h2",variant:"heading2-bold",class:"industry-section__heading"},{default:i(()=>[_(m(r.heading),1)]),_:1}),c(k,{tabs:r.tabs,button:r.button,variant:"industry",onSetActiveTab:v},null,8,["tabs","button"]),b("div",E,[c(V,{name:"showcase-fade",mode:"out-in",tag:"div"},{default:i(()=>[r.tabs?(n(),s("div",{id:`tabpanel-${t(a).config.dataGaName}`,key:t(a).config.dataGaName,role:"tabpanel",tabindex:"0","aria-labelledby":`tab-${t(a).config.dataGaName}`},[b("div",,ドル[t(a)?.text||t(a).button?(n(),s("div",O,[t(a).text?(n(),p(g,{key:0,variant:"heading4",tag:"h3"},{default:i(()=>[_(m(t(a)?.text),1)]),_:1})):o("",!0),t(a).button?(n(),p(N,{key:1,href:t(a).button?.config.href,"data-ga-location":t(a).button?.config.dataGaName,"data-ga-name":t(a).button?.config.dataGaLocation,variant:"primary",class:"slp-mt-24"},{default:i(()=>[_(m(t(a).button?.text)+" ",1),c(C,{icon:t(A),class:"slp-ml-8"},null,8,["icon"])]),_:1},8,["href","data-ga-location","data-ga-name"])):o("",!0)])):o("",!0),t(a)?.config.showBadges?(n(),s("div",X,[(n(!0),s(h,null,y(t(S),e=>(n(),s("img",{key:e.altText,src:e.config.src,alt:e.altText,class:"industry-section__badge"},null,8,Y))),128))])):o("",!0),t(a)?.cards?(n(),s("div",Z,[(n(!0),s(h,null,y(t(a)?.cards,e=>(n(),s("a",{key:e?.config?.dataGaName,href:e?.config?.href,"data-ga-location":e?.config?.dataGaLocation,"data-ga-name":e?.config?.dataGaName,class:"industry-section__card"},[e.image?(n(),s("img",{key:0,src:e.image.config.src,alt:e.image.altText},null,8,H)):o("",!0),c(g,{variant:"body3-bold",tag:"p"},{default:i(()=>[_(m(e?.text),1)]),_:2},1024)],8,z))),128))])):o("",!0)])],8,F)):o("",!0)]),_:1})])]),_:1})])}}}),tt=Object.assign(D(J,[["__scopeId","data-v-5eff9f5c"]]),{__name:"CustomersIndustrySection"});export{tt as default};

AltStyle によって変換されたページ (->オリジナル) /