AddNewServices-1c75edde.js

import{O as w,a as y,b as h}from"./OnboardingPage-88dd244a.js";import{d as _,o as v,l as S,U as B,B as k,t as m,r as c,i as C,w as t,j as s,n as a,p as e,D as A,G as N}from"./index-71437355.js";const V=""+new URL("new-service-demo-bff0792e.svg",import.meta.url).href,R=""+new URL("new-service-manually-5bec5301.svg",import.meta.url).href,I=_({__name:"ServiceBox",props:{active:{type:Boolean,required:!1,default:!1}},emits:["clicked"],setup(o,{emit:d}){const i=o;return(r,n)=>(v(),S("div",{class:k(["box",{"box--active":i.active}]),"data-testid":"box",onClick:n[0]||(n[0]=l=>d("clicked"))},[B(r.$slots,"default",{},void 0,!0)],2))}});const p=m(I,[["__scopeId","data-v-9846ff30"]]),u=o=>(A("data-v-c81d235d"),o=o(),N(),o),$={class:"service-mode-list"},O=u(()=>e("div",{class:"service-box-content"},[e("img",{src:V}),a(),e("p",{class:"service-mode-title"},`
                  Demo app
                `),a(),e("p",null,"Counter application")],-1)),T=u(()=>e("div",{class:"service-box-content"},[e("img",{src:R}),a(),e("p",{class:"service-mode-title"},`
                  Manually
                `),a(),e("p",null,"After this wizard")],-1)),U=_({__name:"AddNewServices",props:{mode:{}},emits:["change"],setup(o,{emit:d}){const i=o;return(r,n)=>{const l=c("RouteTitle"),f=c("AppView"),g=c("RouteView");return v(),C(g,{name:"onboarding-add-services"},{default:t(({t:b})=>[s(l,{title:b("onboarding.routes.add-services.title")},null,8,["title"]),a(),s(f,null,{default:t(()=>[s(w,null,{header:t(()=>[s(y,null,{title:t(()=>[a(`
              Add services
            `)]),_:1})]),content:t(()=>[e("div",$,[s(p,{"data-testid":"onboarding-demo",active:i.mode==="demo",onClicked:n[0]||(n[0]=x=>d("change","demo"))},{default:t(()=>[O]),_:1},8,["active"]),a(),s(p,{"data-testid":"onboarding-manually",active:i.mode==="manually",onClicked:n[1]||(n[1]=x=>d("change","manually"))},{default:t(()=>[T]),_:1},8,["active"])])]),navigation:t(()=>[s(h,{"next-step":i.mode==="manually"?"onboarding-completed":"onboarding-add-services-code","previous-step":"onboarding-create-mesh"},null,8,["next-step"])]),_:1})]),_:1})]),_:1})}}});const L=m(U,[["__scopeId","data-v-c81d235d"]]);export{L as default};