'use strict';

var index = require('./index-BEF5cZxd.js');
var colors = require('./colors-DgrrxjsX.js');
var template = require('./template-Cj6PcLmR.js');
var props = require('./props-CPENhBnM.js');
var utils = require('./utils-NnC78QR3.js');
require('./gov.log-C5EH15b_.js');

utils.pick(colors.Colors, ['PRIMARY', 'NEUTRAL', 'ERROR']);
const ControlGroupClass = {
    root: 'gov-control-group',
};

const GovControlGroup = class {
    constructor(hostRef) {
        index.registerInstance(this, hostRef);
        /**
         * Style variation of the content message.
         */
        this.color = colors.Colors.NEUTRAL;
        /**
         * Specifies the display of the border between elements
         */
        this.noBorder = false;
        /**
         * Specifies the display of the border between elements
         */
        this.noInnerBorder = false;
        /**
         * Specifies the display of elements to full width
         */
        this.fitContent = false;
        this.h = template.govHost(this.host);
    }
    validateColor(newValue) {
        props.validateProp(colors.Colors, newValue, ControlGroupClass.root);
    }
    render() {
        return (index.h(index.Host, { key: '3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a', class: this.h.classes(ControlGroupClass.root), color: this.color }, index.h("slot", { key: '2e9dbf6b93cac0d4444d3696df03c9a7420dc747' })));
    }
    get host() { return index.getElement(this); }
    static get watchers() { return {
        "color": ["validateColor"]
    }; }
};

exports.gov_control_group = GovControlGroup;
//# sourceMappingURL=gov-control-group.entry.cjs.js.map

//# sourceMappingURL=gov-control-group.cjs.entry.js.map