import { r as registerInstance, h, H as Host, g as getElement } from './index-ClISz4NF.js';
import { C as Colors } from './colors-U40vKHrs.js';
import { g as govHost } from './template-CoD1xawt.js';
import { v as validateProp } from './props-CJZgTDla.js';
import { p as pick } from './utils-CQvUntGY.js';
import './gov.log-BtqD9K8d.js';

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

const GovControlGroup = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * Style variation of the content message.
         */
        this.color = 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 = govHost(this.host);
    }
    validateColor(newValue) {
        validateProp(Colors, newValue, ControlGroupClass.root);
    }
    render() {
        return (h(Host, { key: '3881ca5a7d9dd1dbf5cb22a6cca23f6df886e09a', class: this.h.classes(ControlGroupClass.root), color: this.color }, h("slot", { key: '2e9dbf6b93cac0d4444d3696df03c9a7420dc747' })));
    }
    get host() { return getElement(this); }
    static get watchers() { return {
        "color": ["validateColor"]
    }; }
};

export { GovControlGroup as gov_control_group };
//# sourceMappingURL=gov-control-group.entry.js.map

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