'use strict';

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

const DgaContentSwitcherUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.value = 0;
    }
    render() {
        return (index.h("div", { key: '56e692143944c0c62d5b22fd633875c160a7828b' }, index.h("h1", { key: '8bc0c5ae1f69f10de89d6e614bcf322c443559c2' }, "Content Switcher Example"), index.h("dga-content-switcher", { key: '069cd1209784cf4d410fa962aa6a3db341b64226', size: 'lg' }, index.h("dga-content-switcher-item", { key: '75814e876ed5dee9af2e3f2c29cd45c9c489dfae', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'b64cd0091c1f5e64139021d6e70aa942b600e7b8', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: 'a12f3be500ba7a85d35f96de1d77dd4a8aeb68db', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: 'ecbb02f1a5e46edf41d8b613e037dd47593c774a', size: 'md' }, index.h("dga-content-switcher-item", { key: '24e7e24396ecdbb8806ce440d020560a6bfb155a', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: '81344748409500eba271c851b613228c24e563fc', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '54618c976aff07f863f77123d18683f078764252', label: "Option 3", content: "This is Option 3 content." })), index.h("dga-content-switcher", { key: 'bc95bf75e3b87150c39c3133e24d347aed7e2d7d', size: 'sm', onColor: true }, index.h("dga-content-switcher-item", { key: 'bc1ac65a4efb6fb7ffd7a07abc186a4125e15b9d', label: "Option 1", content: "This is Option 1 content." }), index.h("dga-content-switcher-item", { key: 'fbe905770a267e141de4f124176bc556215105ca', label: "Option 2", content: "This is Option 2 content." }), index.h("dga-content-switcher-item", { key: '0303b4a7b07e8860dfea72ae9b52f6c8bc3a94c1', label: "Option 3", content: "This is Option 3 content." })), index.h("h1", { key: '2c1f6c3e5468c15d497bb2ea4925693a20bf8658' }, this.value), index.h("dga-content-switcher", { key: '49abb722e83602a87f1606529f2282ff4fc2d717', size: 'lg', value: this.value, onChange: (val) => this.value = val }), index.h("dga-content-switcher-panel", { key: '451d56bfca2a21d5d0294b8008dd5eb73d64af2b', value: this.value, index: 0 }, index.h("div", { key: 'db77e3b8683a79ede96793a594f29b180db96513' }, "Content 1")), index.h("dga-content-switcher-panel", { key: 'e13d2a23f708650f8351dbc9fb289f0eb42422ac', value: this.value, index: 1 }, index.h("div", { key: '0051ee2d78df2c141e0ef14671177f542e740f80' }, "Content 2")), index.h("dga-content-switcher-panel", { key: '3456f61de3ee9550af13cf079ade0390b147d6ef', value: this.value, index: 2 }, index.h("div", { key: '8c5f4d2dae8e21bcd44114595729eb14c5c48309' }, "Content 3"))));
    }
};

exports.dga_content_switcher_usage = DgaContentSwitcherUsage;
