import{r as e,h as t}from"./p-0d5a2e05.js";const c=class{constructor(t){e(this,t);this.activeStep=1}render(){console.log(this.activeStep);return t("div",{key:"ddc87833ea0f00694c0d201584f9e8fa12e572cf"},t("h1",{key:"0df8a5f101004bad076b2253430a43ecd9fbdc63"},"Progress Indicator Example"),t("div",{key:"c05580439fb185d4b0ff7a4c45f67f633a0b2c79",style:{padding:"50px",display:"flex",gap:"20px"}},t("div",{key:"93dc5a4b16ee8ab2804ee5fc2630de29f90621b0",style:{display:"flex",flexDirection:"column",gap:"20px"}},t("button",{key:"c101f7f65c2421fe0e003ed21ca8452c3e5e3048",onClick:()=>this.activeStep=this.activeStep-1},"prev"),t("button",{key:"d9e551d82b804e945df45e006100f4b5369632fe",onClick:()=>this.activeStep=this.activeStep+1},"next"),"activeStep: ",this.activeStep,t("dga-progress-indicator",{key:"0d1823e84408024b0cd29c03f58373f3419a01ea",activeStep:this.activeStep,alignment:"vertical"},t("dga-progress-indicator-step",{key:"59d1faceec221bfa53172e2f00cefd833de5e3eb",title:"Step One",description:"this is step description",currentStep:1}),t("dga-progress-indicator-step",{key:"d592e3b8c110e30bbce52c45b78f480b9847c72b",title:"Step Two",description:"this is step description",currentStep:2}),t("dga-progress-indicator-step",{key:"fcb0e9d331073c6887c99bfe1c36c0771734d32c",title:"Step Three",description:"this is step description",nextStep:false,currentStep:3}))),t("div",{key:"3de60fcd7d24d9a8da75c29946757bc9ed6de49d",style:{display:"flex",flexDirection:"column",gap:"20px"}})))}};export{c as dga_progress_indicator_usage};
//# sourceMappingURL=p-1aebfdf2.entry.js.map