'use strict';

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

const index = require('./index-7cdf1df1.js');

const dvnMenuSectionCss = ":host{display:flex}:host(.horizontal){flex-direction:row;align-items:center}:host(.vertical){flex-direction:column}:host(:first-child) .title{text-transform:uppercase;margin:0 0 calc(2 * var(--spacing-unit)) 0}:host(:not(:first-child)) .title{text-transform:uppercase;margin:calc(6 * var(--spacing-unit)) 0 calc(2 * var(--spacing-unit)) 0}";

const DvnMenuSection = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.orientation = 'vertical';
  }
  render() {
    return (index.h(index.Host, { class: { [this.orientation]: true } }, this.sectionTitle && index.h("h5", { class: "title" }, this.sectionTitle), index.h("slot", null)));
  }
};
DvnMenuSection.style = dvnMenuSectionCss;

exports.dvn_menu_section = DvnMenuSection;
