'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-a0b63bee.js');

const DgaSearchBoxUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.value = 'test';
    }
    render() {
        return (index.h("div", { key: '65894b0c58c547c4e224cc5572c8486367e6cef8' }, index.h("h1", { key: '0c9674f6dd93e7cd2bb240c4e37e7be3e2bad136' }, "Search Box Example"), index.h("div", { key: '62fb9045bdfadc2ba8e4df6f1fe11e7ba5792916', style: { padding: '50px' } }, index.h("div", { key: 'bdd54032c27a3c30db31252453f16c03e592aa82', style: { display: "flex", flexDirection: "column", gap: "16px" } }, index.h("dga-search-box", { key: '2d0a1549a57506e6ab40bfcec20e05d8de402f2c', variant: 'default', value: this.value, placeholder: 'test placeholder', onChange: (e) => {
                const target = e.target;
                console.log("search changed");
                this.value = target.value;
            }, onInput: (e) => {
                console.log("search changed", e.target.value);
                this.value = e.target.value;
            } })))));
    }
};

exports.dga_search_box_usage = DgaSearchBoxUsage;

//# sourceMappingURL=dga-search-box-usage.cjs.entry.js.map