import { h } from "@stencil/core";
export class DgaChipUsage {
    constructor() {
        this.isSelected = false;
    }
    render() {
        return (h("div", { key: 'a5e62c612553ced6ac925d478d3361bdfc0b2eb1' }, h("h1", { key: '1c6f32964077a26193f7a29cb6ff0923539c124f' }, "Chip Example"), h("div", { key: '99717d92f7f8341fe55c82682ae6860925cc65f6', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: 'fb91ed85aae26119ca4ed3b59fe87bf21308fd44', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-chip", { key: '54150ef0ef005c40302e8678e9a4dbb23daa1e73', label: "Label", variant: "neutral",
            //   outlined={false}
            rounded: false, size: "lg" }), h("dga-chip", { key: '8e51885cf0f58b285a5a8dd36f45d6f4ee912b36', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                console.log(isSelected, "hi");
                this.isSelected = isSelected;
            }, isSelected: this.isSelected }), h("dga-chip", { key: '101d5fcd6a6bbf7e11b88c42d699297395ab5ad9', label: "Label", variant: "success", rounded: false, size: "lg", onChange: (isSelected) => {
                console.log(isSelected, "hi");
            }, isSelected: false }), h("dga-chip", { key: 'ab16811cd70c755d72e2ead294d8d8dd5943b9e2', label: "Label", variant: "success", rounded: false, size: "lg", disabled: true }), h("div", { key: '32a6f37ce9366d9fce29d2bd1d3d3f75fabef452', style: { display: 'flex', flexDirection: 'column', gap: '20px', backgroundColor: '#074D31' } }, h("dga-chip", { key: '63899579553a37bbe218894dff5a6964eba5a294', label: "Label", variant: "on-color", rounded: true, size: "lg", disabled: true }))))));
    }
    static get is() { return "dga-chip-usage"; }
    static get states() {
        return {
            "isSelected": {}
        };
    }
}
//# sourceMappingURL=dga-chip-usage.js.map
