'use strict';

var index = require('./index-DSiE2De_.js');

const DgaProgressIndicatorUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.activeStep = 1;
        this.activeStep2 = 1;
    }
    render() {
        console.log(this.activeStep);
        return (index.h("div", { key: 'b77c2c3b1acba42094b27aa328456e736e0725ec' }, index.h("h1", { key: '8127735eb763a341ea8dd94e223e85e6a006ae55' }, "Progress Indicator Example"), index.h("div", { key: '2cbdd12f0a67b28a816330fd60dff309e28e69a4', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '0ce3cb7b5356321f74c8567619310a4b308b3b9e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("button", { key: '4646171c942b320e445eed4de57692dfba26d363', onClick: () => (this.activeStep = this.activeStep - 1) }, "prev"), index.h("button", { key: 'd9b894d753c0d898af667fa28e70588a1054357c', onClick: () => (this.activeStep = this.activeStep + 1) }, "next"), index.h("button", { key: '4d98f49fd77c6169c733a36126b5aed3a2260b3a', onClick: () => (this.activeStep2 = this.activeStep2 - 1) }, "prev 2"), index.h("button", { key: '0d0bcff29e2abcf3a4d8f5a1a07f1862d9500030', onClick: () => (this.activeStep2 = this.activeStep2 + 1) }, "next 2"), "activeStep: ", this.activeStep, index.h("dga-progress-indicator", { key: '5e38352f81a233749902756fc63e6cd107da3563', activeStep: this.activeStep, alignment: 'vertical' }, index.h("dga-progress-indicator-step", { key: 'cc0bbcdfafabb9cb3020f822a78ca48bd246ba40', title: "Step One", description: "this is step description", currentStep: 1 }), index.h("dga-progress-indicator-step", { key: '0cd1bc7c505a5753a88e88e871b4d55c08042867', title: "Step Two", description: "this is step description", currentStep: 2 }), index.h("dga-progress-indicator-step", { key: '0dbd56191dd8260fc764c6dc460a12e2f4f7382e', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 })), index.h("dga-progress-indicator", { key: '262a0a7fdabbc9ed18c3982565ff5ef7333cce8f', activeStep: this.activeStep2, alignment: 'vertical' }, index.h("dga-progress-indicator-step", { key: 'ea99bdc73f5faf8f201366a39a0c14ac5001cc4c', title: "Step One", description: "this is step description", currentStep: 1 }), index.h("dga-progress-indicator-step", { key: 'c31d971bd227cbedecd103182e8ea5919974f6fc', title: "Step Two", description: "this is step description", currentStep: 2 }), index.h("dga-progress-indicator-step", { key: 'f436f9c7cd242bb46dfe46d2e5353f47dbdb8cdb', title: "Step Three", description: "this is step description", nextStep: false, currentStep: 3 }))), index.h("div", { key: '43bd8531e87ed5bfc6176f80cdcad4f4df1b2866', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_progress_indicator_usage = DgaProgressIndicatorUsage;
