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

const DgaSliderUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.activeStep = 1;
        this.minValue = 10;
        this.maxValue = 100;
    }
    render() {
        return (h(Fragment, { key: '8ad3abb2d42c73e6ffd9af4b8a38d1cafa95a43a' }, h("br", { key: '068734c5524f3b7cb727cc192b5a6cd66f59d00d' }), h("dga-slider", { key: '8e8114689c98453b5fb17c26fba189efbdc4fa5f', min: this.minValue, max: this.maxValue, step: 1, range: true, size: "medium", helperText: "Helper Text Example", label: "Test", sx: {
                backgroundColor: "yellow",
                marginTop: "200px",
                ".range-slider-inner-rail": {
                    backgroundColor: "red"
                }
            } }), ";", h("br", { key: 'da676bc7899b320da016f0289ca3df8266d94f1f' }), this.minValue, " - ", this.maxValue, h("dga-slider", { key: '8ee87aab7b0cb7bf02c5454108dd6a92bff1fc5a' })));
    }
};

export { DgaSliderUsage as dga_slider_usage };
