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

const DgaCardUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        this.variant = 'neutral';
        this.selected = false;
    }
    render() {
        return (h("div", { key: '6cd0dd13d4ceb47c7fd0256c1858e2a85493e721' }, h("h1", { key: '80f7e285f43cd51d6a2911b118020bc2a3a001eb' }, "Card Example"), h("div", { key: '2c6435a2514f4c80c644d7adedd0f00c6e56f40e', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '29ecb54988e909f7150a6e2900ed5d54ef9f9763', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-card", { key: 'dc893cd851e999b7299fa0874a59c31682b0e141', type: "expanded", cardTitle: "Card Title", description: "Card content placeholder text goes here", showFeaturedIcon: true }, h("div", { key: 'ea2b93b55eb253618847faecb67a88545306ab7d', slot: "collapse-content" }, "dgdsgdfgdfg")), h("dga-card", { key: '7a708fd6a977c56f16855bb24ba78a8bbcb3faf3', type: "selectable", cardTitle: "Card Title", description: "Card content placeholder text goes here", isSelected: this.selected, onCheckboxChange: () => (this.selected = !this.selected) }), h("dga-card", { key: 'b7f0deb5e54be9a109a546854a487ae4fc4f8216', cardTitle: "Card Title", sx: {
                '& > .card': {
                    backgroundColor: 'red',
                    height: '400px',
                },
            } }), h("dga-card", { key: 'd86192e185c964596461abed2ebd3ac4807ff4fd', cardTitle: "No Shadow", effect: "no-shadow" }), h("dga-card", { key: '3a2708945d751dd906526a61b38e7a839b4b5c83', cardTitle: "Stroke", effect: "stroke" }), h("dga-card", { key: '07576a083b0f7a3e1304a240d2a48cd3afd9491d', cardTitle: "With Shadow", effect: "with-shadow" })), h("div", { key: 'b60cd721dd5f4f04f098f503ee05044b85e20c24', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaCardUsage as dga_card_usage };
