import { r as registerInstance, h, H as Host } from './index-419dc51e.js';

const CorejamBox = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    //@todo check if props are valid
    this.display = "block";
    this.droppableElements = ["corejam-box"];
  }
  async componentWillRender() {
    const hash = await (await import('./style-d0c60150.js').then(function (n) { return n.s; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    return (h(Host, { class: this.hash }, h("slot", null)));
  }
};

const CorejamType = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.as = "span";
    this.droppableElements = ["corejam-box"];
  }
  async componentWillRender() {
    const hash = await (await import('./style-d0c60150.js').then(function (n) { return n.s; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    const Type = this.as;
    return (h(Type, { class: this.hash }, h("slot", null)));
  }
};

export { CorejamBox as corejam_box, CorejamType as corejam_type };
