import { r as registerInstance, h } from './index-6334d911.js';

const CorejamButton = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.display = "flex";
    this.justify = "center";
    this.outline = "none";
    this.hoverOutline = "none";
    this.focusOutline = "none";
    //@todo fix these wrong types
    this.type = "button";
  }
  async componentWillLoad() {
    await this.computeStyles();
  }
  async computeStyles() {
    const hash = await (await import('./style-2713ffe3.js').then(function (n) { return n.s; })).calculateStyles(this);
    this.hash = hash;
  }
  render() {
    const Tag = this.type;
    return (h(Tag, { class: this.hash }, h("slot", null)));
  }
  static get watchers() { return {
    "display": ["computeStyles"],
    "w": ["computeStyles"],
    "smW": ["computeStyles"],
    "mdW": ["computeStyles"],
    "lgW": ["computeStyles"],
    "xlW": ["computeStyles"],
    "bg": ["computeStyles"],
    "hoverBg": ["computeStyles"],
    "focusBg": ["computeStyles"],
    "color": ["computeStyles"],
    "hoverColor": ["computeStyles"],
    "focusColor": ["computeStyles"],
    "p": ["computeStyles"],
    "pl": ["computeStyles"],
    "pr": ["computeStyles"],
    "pt": ["computeStyles"],
    "pb": ["computeStyles"],
    "outline": ["computeStyles"],
    "hoverOutline": ["computeStyles"],
    "focusOutline": ["computeStyles"],
    "transition": ["computeStyles"]
  }; }
};

export { CorejamButton as corejam_button };
