'use strict';

var index = require('./index-BEF5cZxd.js');
var constants = require('./constants-CbBhWRUQ.js');
var template = require('./template-Cj6PcLmR.js');

const GovLayout = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * Layout type
         */
        this.type = 'stretch';
        /**
         * Determine if component should have inverse column order
         */
        this.inverse = false;
        this.h = template.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 (index.h(index.Host, { key: '1a034fd2efc16f8ec93aa5a7d482b30674b14cc4', type: this.type, class: this.h.classes(constants.LayoutClass.root) }, index.h("section", { key: 'af904b136b68d778d5c687e654a4172a8c08fc92', class: this.typeClass(constants.LayoutClass.section, this.type, this.variant, this.inverse) }, index.h("slot", { key: 'b867248fdb072fc3999406d6113bdc435cce78fc' }))));
    }
    get host() { return index.getElement(this); }
};

exports.gov_layout = GovLayout;
//# sourceMappingURL=gov-layout.entry.cjs.js.map

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