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

const DgaDividerUsage = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
    }
    render() {
        return (h("div", { key: '8eb8f73c88f4f04b9bb3f8e3cca8fb01ff9ab1e5' }, h("h1", { key: 'df21dbb0cc5325ad83e6927d5df49a3004053724' }, "Divider Example"), h("div", { key: '424b1f8ca3b2d7b4e90759bdbf42a202fba97bdf', style: { padding: '50px', display: 'flex', gap: '20px' } }, h("div", { key: '3be130d1f5c216b8767411631dbd646960b5ef01', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, h("div", { key: '1a583e64b00bf0291d49573582112bbd90d1ab9a', style: {
                borderRadius: '20px',
                background: 'gray',
            } }, h("div", { key: 'b3a381066c01d02d820ac00fede4b9cbd744b91c', style: {
                width: '224px',
                height: '82px',
                background: '#fff',
                padding: '16px',
                display: 'flex',
                flexDirection: 'column',
                gap: '40px',
            } }, h("dga-divider", { key: 'ec7b64cf667081625925e416af3540359b816861', color: "neutral" }), h("dga-divider", { key: 'b33ee3a6fe63d444de42d71a0c0563ad19e97cb2', color: "primary" })), h("div", { key: 'c80a33863661155953ee40b9b435754eff2d6780', style: {
                width: '224px',
                height: '82px',
                background: '#fff',
                padding: '16px',
                display: 'flex',
                // flexDirection: 'column',
                gap: '40px',
            } }, h("dga-divider", { key: '084e3754db4868d52029adaf2d0911752fec5cfe', color: "neutral", orientation: 'vertical' }), h("dga-divider", { key: '6cb23a34224a6ac89e4707be5da1bf714333c472', color: "primary", orientation: 'vertical' })), h("div", { key: '81656f9b0bdf36b93c8516944391816070d6bb22', style: {
                width: '224px',
                height: '82px',
                background: '#1B8354',
                padding: '16px',
                display: 'flex',
                flexDirection: 'column',
                gap: '40px',
            } }, h("dga-divider", { key: 'ff2bb9746b21ea3fb6685fce0f871440ca94ae23', color: "alpha-white" }), h("dga-divider", { key: '0a6f14cfa87e3310f98c1b668f9e9851a4f5afc4', color: "white" })), h("div", { key: '27590096a8179ae7a1d967bd3303fabe0a083c14', style: {
                width: '224px',
                height: '82px',
                background: '#1B8354',
                padding: '16px',
                display: 'flex',
                // flexDirection: 'column',
                gap: '40px',
            } }, h("dga-divider", { key: '4fc0f0df2570099f7b658fb35a31d292b038b7d1', color: "alpha-white", orientation: 'vertical' }), h("dga-divider", { key: '4c400dae8a6017f8aa64e84cc3ab63e58e2f6faf', color: "white", orientation: 'vertical' })))), h("div", { key: 'aafcf64d41d6baccad67081394fdf050cfa3e4b4', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

export { DgaDividerUsage as dga_divider_usage };

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