'use strict';

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

const index = require('./index-36b3af04.js');

const dvnMenuSubItemCss = ":host{cursor:pointer;margin:calc(2 * var(--spacing-unit));white-space:nowrap;display:block;color:var(--color-text-secondary);font-size:0.9em}:host(.highlighted),:host(:hover){color:var(--color-secondary)}:host(.leaned){margin:0}";

const DvnMenuSubItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.leaned = false;
    this.highlighted = false;
  }
  render() {
    return (index.h(index.Host, { class: {
        highlighted: this.highlighted,
        leaned: this.leaned,
      } }, index.h("slot", null)));
  }
};
DvnMenuSubItem.style = dvnMenuSubItemCss;

exports.dvn_menu_sub_item = DvnMenuSubItem;
