'use strict';

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

const DgaAccordionUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("div", { key: '02eadfaab25cf68abace1773b18cc864bcf3fd9c' }, index.h("h1", { key: '22a66360020bea08232618dfb4dc3477986849a2' }, "Accordion Example"), index.h("div", { key: 'a687cc0b114d82f12065c071064a5a160f6c55e5', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: 'ff85d0ef9c8650d3f9cf211870a9988d18e46f70', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("dga-accordion", { key: 'ceee185f13b60d97dcbfa679e8617b29a0f912ef', 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." }), index.h("dga-accordion", { key: '02a5f57dc5fe518e3c52daef7d3ef796ff692e34', title: "Accordion Title", size: "md" }), index.h("dga-accordion", { key: '11b298a141f278ff298bf61889cc0bd1adb6a421', title: "Accordion Title", size: "sm" }), index.h("dga-accordion", { key: '476d65ff2509e815d0f6c0b4a254b9f361956497', 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 })), index.h("div", { key: 'fb56f87536bc487854a5a23d8fe321860e526be0', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_accordion_usage = DgaAccordionUsage;
