import { r as registerInstance, h } from './index-D0dWnGvB.js';

const DgaProgressIndicatorUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.activeStep = 1;
        this.activeStep2 = 1;
    }
    render() {
        console.log(this.activeStep);
        return (h("div", { key: '746c52d2738b891f8865640e16bc9da478b84d5d' }, h("h1", { key: 'a453648bb63c8f86119285f828c8fdff6fd714ea' }, "Progress Indicator Example"), h("div", { key: 'c70430f5ffc792bb61a24152322d7e93cae496de', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '9b23e1074acff3c5fb44d8ca731267f75749da32', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("button", { key: 'ed0d33ac40706b5cb3820765089ad28ccb914c33', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), h("button", { key: '8495faca33142476f0920bf32669e394ebec8aff', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), h("button", { key: '6b81a4caf71e9efe66a729edde1b6251a4ca0792', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), h("button", { key: '09cde36c1a0691a492b7cf76e6e710cc5aa36bfc', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, h("dga-progress-indicator", { key: '42f89fe993ea77ed99ed4d294afb1fec777ef4ee', activeStep: this.activeStep, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: 'f60e6ca84c34d8e35e653fd6cc3daced58613a3b', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: '168398d9820a2169e4691c6edcb359b114aab03c', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: 'bf2bd2600abc3fa0126ea0f134e9409aecf55041', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), h("dga-progress-indicator", { key: 'd0517f47d67446c67a5ddefcf872b2d55b848dbd', activeStep: this.activeStep2, alignment: 'vertical' }, h("dga-progress-indicator-step", { key: '84aec3684de4a491f8891ebe57478da577f0dd47', title: "Step One", description: "this is step description", currentStep: 1 }), h("dga-progress-indicator-step", { key: 'dd2ef38db6cae55adec454fd724b62416ef2aeb7', title: "Step Two", description: "this is step description", currentStep: 2 }), h("dga-progress-indicator-step", { key: '2806f3434f0a5536e0eb57dcfce72aa2e325a1ee', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), h("div", { key: '785e3d392ad8942c4594901ddfdfcea50a3ca7b5', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaProgressIndicatorUsage as dga_progress_indicator_v3_usage };
