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

const DgaSearchBoxUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.value = 'test';
    }
    render() {
        return (h("div", { key: '1c947f1efcff08190075355530399b345891da9e' }, h("h1", { key: '8a45266e662c317e3713db5b2ac7e30151a5aa6e' }, "Search Box Example"), h("div", { key: '84b2b3128efce5a8c479a041eb7fe97a0a82512f', style: { padding: '50px' } }, h("div", { key: '0a70679e1861dabff374411a00409632c7aa5cd1', style: { display: "flex", flexDirection: "column", gap: "16px" } }, h("dga-search-box", { key: '9ccd02f80a4cbbfc690265f59cce5fd5c616c129', 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;
            } })))));
    }
};

export { DgaSearchBoxUsage as dga_search_box_usage };
