'use strict';

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

const DgaDividerUsage = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
    }
    render() {
        return (index.h("div", { key: '6c30b900be17091249db53b6684f8ba4894286b2' }, index.h("h1", { key: 'a9b2da284fa680c64e6db45d8ec95e52de937f90' }, "Divider Example"), index.h("div", { key: '07e08ac98b84241b35e71c01645ddae57c85b4ce', style: { padding: '50px', display: 'flex', gap: '20px' } }, index.h("div", { key: '86ccb56baa4b3984841466c055c5f698aed2df36', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }, index.h("div", { key: '0034f64d3b42165f2aba928bee6a504e2fe2d6ba', style: {
                borderRadius: '20px',
                background: 'gray',
            } }, index.h("div", { key: '07f71be1f241e85cad3e21723813106f8ed6a98a', style: {
                width: '224px',
                height: '82px',
                background: '#fff',
                padding: '16px',
                display: 'flex',
                flexDirection: 'column',
                gap: '40px',
            } }, index.h("dga-divider", { key: 'ac42579aaa71f741fc1060165529717f8ca1a0a6', color: "neutral" }), index.h("dga-divider", { key: 'eabf78d23334c0cde51732fc3581ecf8642c0367', color: "primary" })), index.h("div", { key: 'e2b6b2a7a0c104b93107b7dcab213ae83d6b926f', style: {
                width: '224px',
                height: '82px',
                background: '#fff',
                padding: '16px',
                display: 'flex',
                // flexDirection: 'column',
                gap: '40px',
            } }, index.h("dga-divider", { key: '47070367ad13c2aa01a7bbc7cc0e4da50c4ba629', color: "neutral", orientation: 'vertical' }), index.h("dga-divider", { key: '5851bf6252d0c12e08482109f8a021b06d50d1c3', color: "primary", orientation: 'vertical' })), index.h("div", { key: 'f1273ee72d06028cd3f25dd3dea6228ab485cc03', style: {
                width: '224px',
                height: '82px',
                background: '#1B8354',
                padding: '16px',
                display: 'flex',
                flexDirection: 'column',
                gap: '40px',
            } }, index.h("dga-divider", { key: '06fdd3ed095a78fac31f02896424425df1523bf3', color: "alpha-white" }), index.h("dga-divider", { key: 'd93d4821c4e406ba9cf6fb7aa448114e7e653307', color: "white" })), index.h("div", { key: 'e8a19f9800860c7386daecd31009c0b143c7c6d7', style: {
                width: '224px',
                height: '82px',
                background: '#1B8354',
                padding: '16px',
                display: 'flex',
                // flexDirection: 'column',
                gap: '40px',
            } }, index.h("dga-divider", { key: '686f895b8ce2c572323b4a195dd102464937393c', color: "alpha-white", orientation: 'vertical' }), index.h("dga-divider", { key: 'ba489f24cfbad7c137e9dded6ff2b93ca1994483', color: "white", orientation: 'vertical' })))), index.h("div", { key: '5a8b7657ff3be51a7dcb7168886b76df83b176a1', style: { display: 'flex', flexDirection: 'column', gap: '20px' } }))));
    }
};

exports.dga_divider_usage = DgaDividerUsage;
