import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
import { L as LayoutClass } from './constants-Q99QrOoi.js';
import { g as govHost } from './template-CoD1xawt.js';

const GovLayout = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * Layout type
         */
        this.type = 'stretch';
        /**
         * Determine if component should have inverse column order
         */
        this.inverse = false;
        this.h = govHost(this.host);
    }
    typeClass(originalClass, type, variant, inverse) {
        const isType = type ? '-' + type : '';
        const isVariant = variant ? '-' + variant : '';
        const isInverse = inverse ? '-inverse' : '';
        return originalClass + ' ' + originalClass + isType + isVariant + isInverse;
    }
    render() {
        return (h(Host, { key: '1a034fd2efc16f8ec93aa5a7d482b30674b14cc4', type: this.type, class: this.h.classes(LayoutClass.root) }, h("section", { key: 'af904b136b68d778d5c687e654a4172a8c08fc92', class: this.typeClass(LayoutClass.section, this.type, this.variant, this.inverse) }, h("slot", { key: 'b867248fdb072fc3999406d6113bdc435cce78fc' }))));
    }
    get host() { return getElement(this); }
};

export { GovLayout as gov_layout };
//# sourceMappingURL=gov-layout.entry.js.map

//# sourceMappingURL=gov-layout.entry.js.map