'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const core = require('./core-b7b9d752.js');

const TrayGroup = class {
    constructor(hostRef) {
        core.registerInstance(this, hostRef);
    }
    render() {
        return [
            core.h("div", { class: "anj-tray-group-header" }, core.h("slot", { name: "label" })),
            core.h("div", { class: "anj-tray-items-wrapper" }, core.h("slot", null))
        ];
    }
    static get style() { return ".sc-anj-tray-group-h {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1;\n  flex: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n}\n.sc-anj-tray-group-h:not(:first-child) {\n  border-left: 1px solid var(--anj-neutral);\n  margin-left: 0.8rem;\n  padding-left: 0.8rem;\n}\n.sc-anj-tray-group-h .anj-tray-group-header.sc-anj-tray-group {\n  -ms-flex: 0 0 100%;\n  flex: 0 0 100%;\n  max-width: 100%;\n}\n.sc-anj-tray-group-h .anj-tray-items-wrapper.sc-anj-tray-group {\n  display: -ms-flexbox;\n  display: flex;\n}"; }
};

exports.anj_tray_group = TrayGroup;
