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

const DgaAccordionUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h("div", { key: '529f014b8799e65934d8a4882f37ae752b01df06' }, h("h1", { key: '3e8ee6944cdd41cd9c91e2973635942fae5749e5' }, "Accordion Example"), h("div", { key: '44ec9b92ae9880cdaae465d7057cb9f7530343e9', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '93db6765fc73a6701d642181a5c69a925fb4a20f', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("dga-accordion", { key: '77c6af7f8347a8848366d81bdcd8601789d65360', title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion." }), h("dga-accordion", { key: '5c48ff7e8df827259e6beaf72f5d2b6fa639e40f', title: "Accordion Title", size: "md" }), h("dga-accordion", { key: '2daac6491cafb7edd2020e175dc5164c8499b11b', title: "Accordion Title", size: "sm" }), h("dga-accordion", { key: '6c7d25fddca490e8bca59bef85aa18b3153e19f5', defaultExpanded: true, title: "Accordion Title", size: "lg", content: "The accordion component delivers large amounts of content in a small space through progressive disclosure. The user gets key details about the underlying content and can choose to expand that content within the constraints of the accordion.", disabled: true })), h("div", { key: 'b9387733130fb1064d2601af81d10debfb670981', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaAccordionUsage as dga_accordion_usage };

//# sourceMappingURL=dga-accordion-usage.entry.js.map