'use strict';

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

const DgaTextInputUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.value = 'Text Input Example';
    }
    render() {
        return (index.h("div", { key: '9e50541c9ece3f86f82c36b9f202e451969f14a9' }, index.h("h1", { key: '367d4125d90197f01998608cdadf4a8515166d24' }, "Text Input Example"), index.h("div", { key: '397f37511d96795fcb7935662fc3729bc174571e', style: { padding: '50px' } }, index.h("div", { key: '45b30389eb16b50aad3dbdd45999f4a5abf141cb', style: { display: 'flex', flexDirection: 'column', gap: '16px' } }, index.h("input", { key: '01718a8a546236e747f374f975827994c96d7892', type: "text", value: this.value, onChange: (e) => (this.value = e.target.value) }), index.h("p", { key: '2d4de25a7236d14b277e8ba93420bf63534a90d5' }, this.value), index.h("dga-text-input", { key: 'cff99b2b1be2e1b10b004499f82c41092c0889bb', readonly: false, variant: "darker", label: "Label", value: this.value, required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true, onInput: (e) => (this.value = e.target.value) }), index.h("dga-text-input", { key: 'dbafc70192e2e54f7e4717b2ef4ee5c51edfa66d', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }), index.h("dga-text-input", { key: '9e991388afa1f77e7870cb4b0ae8ce5846a8b5a8', readonly: false, variant: "darker", label: "Label", value: "Entered text", required: true, feedbackIcon: true, icon: { name: 'search-01', variant: 'stroke', type: 'standard' }, helperTextIcon: { name: 'alert-circle', variant: 'stroke', type: 'standard' }, helperText: "test", error: true }, index.h("dga-prefix", { key: '4d7c9954686dc2aa204b678ab44d6e478530546e', type: "button", variant: "solid",
            // label="Button Label"
            icon: { name: 'search-01' } })), index.h("dga-label", { key: 'e840002712d05414c55efa60a3a0cd01c9e07fc3', label: "Mandatory Text Input" }), index.h("dga-label", { key: 'bd17d9d4028ada700a5883b682bb2de53911a256', label: "Mandatory Text Input", required: true })))));
    }
};

exports.dga_text_input_usage = DgaTextInputUsage;
