'use strict';

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

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

const DgaCardUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        this.variant = 'neutral';
        this.selected = false;
    }
    render() {
        return (index.h("div", { key: '4aab5a452da47569878ab629a95559b98768ed1c' }, index.h("h1", { key: '128015ed0c409a69b828d109c436060b1227031b' }, "Card Example"), index.h("div", { key: '42cd251c7eca52532e814ccbfdd0d4b841ae789a', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '713faebc22072dfcbc6e9aa324dd88efad90dea2', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-card", { key: 'd6169c6cdfce64a17dcef9e61935648a5681aee4', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, index.h("div", { key: '32fa2009d3bb696f66e782685eca6f8f2a2f999b', slot: "collapse-content" }, "dgdsgdfgdfg")), index.h("dga-card", { key: 'da042b30817681a4735beb71eaa99f7300548a44', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), index.h("dga-card", { key: '3c6dc462d9da9d54a09d095e2a6fc52850ee2442', cardTitle: "Card Title" }), index.h("dga-card", { key: 'b8d6591f6cb043b8ea38d460e7e8ce3969ac50a8', cardTitle: "No Shadow", effect: "no-shadow" }), index.h("dga-card", { key: '146d639e198bd055f0ddcb38594f51d29bb60012', cardTitle: "Stroke", effect: "stroke" }), index.h("dga-card", { key: 'e1e3318ee9fa059619c9eb213e7d75f45ef115b9', cardTitle: "With Shadow", effect: "with-shadow" })), index.h("div", { key: '6138da33e7b6991d6fb2d6effcab30b32f03022e', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_card_usage = DgaCardUsage;

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