'use strict';

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

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

const listboxOptionCss = ":host{--font-size:0.875em;--padding:0.25em 1em 0.75em;display:block;padding:0.25em 1em 0.75em;padding:var(--padding);transition:box-shadow 0.1s ease-out;font-size:0.875em;font-size:var(--font-size)}:host(:focus){outline:none;box-shadow:0 0 0 2px #1b2c56}li{cursor:default}";

const ListboxOption = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /*
     * Set if this list item need a role other than 'option'.
     * */
    this.role = "option";
  }
  render() {
    return (index.h(index.Host, { role: this.role, tabIndex: 0 }, index.h("li", null, index.h("slot", null))));
  }
  get host() { return index.getElement(this); }
};
ListboxOption.style = listboxOptionCss;

exports.lu_listbox_option = ListboxOption;

//# sourceMappingURL=lu-listbox-option.cjs.entry.js.map