import v from"./CTMooejj.js";import{_ as f,o as n,c as p,I as b,K as h,p as u,C as d,t as l,a as r,v as y,n as C,q as g,b as k,d as $,F as x,G as S}from"./CibDhUcP.js";import{_ as w}from"./BrQy0eBk.js";const O={__name:"Progress",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},setup(t,{expose:o}){o();const s=t,i={props:s,getStepClass:_=>{const a={active:{icon:"bg-white text-black",text:"text-slate-900"},other:{icon:"bg-slate-200 text-slate-500",text:"text-slate-500"}};return _+1===s.currentStep?a.active:a.other}};return Object.defineProperty(i,"__isScriptSetup",{enumerable:!1,value:!0}),i}};function R(t,o,s,e,i,_){const a=v;return n(),p("div",null,[(n(!0),p(b,null,h(e.props.steps,(m,c)=>(n(),p("div",{key:c,class:"flex items-center text-gray-500 mb-6"},[c+1<e.props.currentStep?(n(),u(a,{key:0,name:"material-symbols:check-small-rounded",class:"size-8 text-green-600 flex-shrink-0"})):(n(),p("div",{key:1,class:d(["rounded-full size-8 flex items-center justify-center flex-shrink-0 text-sm leading-6 font-medium",e.getStepClass(c).icon])},l(c+1),3)),r("div",{class:d(["ml-6",e.getStepClass(c).text])},l(t.$t(m)),3)]))),128))])}const N=f(O,[["render",R],["__file","Progress.vue"]]),P={__name:"OptionsStepper",props:{steps:{type:Array,required:!0},currentStep:{type:Number,required:!0}},setup(t,{expose:o}){o();const e={props:t};return Object.defineProperty(e,"__isScriptSetup",{enumerable:!1,value:!0}),e}};function j(t,o,s,e,i,_){const a=N;return n(),u(a,{steps:s.steps,"current-step":s.currentStep},null,8,["steps","current-step"])}const q=f(P,[["render",j],["__file","OptionsStepper.vue"]]),z=y({__name:"GrayCanvas",setup(t,{expose:o}){o();const e={store:C()};return Object.defineProperty(e,"__isScriptSetup",{enumerable:!1,value:!0}),e}}),A={class:"py-12 px-8 relative z-10 w-full flex"},G={class:"w-full flex flex-col"},V={class:"flex-auto"},B={class:"mb-8 text-sm leading-6"},I={class:"flex items-center gap-2 font-medium mb-2 tracking-tight text-slate-900"},T={class:"mb-2"},E={href:"https://docs.360monitoring.com/docs/getting-started",target:"_blank",class:"text-primary cursor-pointer hover:underline"};function H(t,o,s,e,i,_){const a=q,m=v,c=w;return n(),p("div",{class:d(["bg-slate-100 rounded-tr-lg flex flex-row relative overflow-hidden min-w-80 shadow-2xl lg:rounded-lg lg:shadow-none",[("useRuntimeConfig"in t?t.useRuntimeConfig:x(S))().public.WHM_EXTRAS?"outline outline-1 outline-gray-200":""]])},[r("div",A,[r("div",G,[r("div",V,[e.store.progressVisibleInDrawer?(n(),u(a,{key:0,"current-step":e.store.currentStep+1,steps:e.store.steps},null,8,["current-step","steps"])):g("",!0)]),r("div",null,[r("section",B,[r("h4",I,[k(m,{name:"fa6-regular:life-ring",class:"size-4"}),$(" "+l(t.$t("SupportCenter")),1)]),r("p",T,l(t.$t("AssistSetupText")),1),r("a",E,l(t.$t("GetHelp")),1)]),("useRuntimeConfig"in t?t.useRuntimeConfig:x(S))().public.WHM_EXTRAS?g("",!0):(n(),u(c,{key:0}))])])])],2)}const M=Object.assign(f(z,[["render",H],["__file","GrayCanvas.vue"]]),{__name:"GrayCanvas"});export{M as _};
