import { h, Host } from '@stencil/core';
import { RICH_TOOLBAR_COMMAND_ICON, RICH_TOOLBAR_COMMANDS, RICH_TOOLBAR_FORMAT_TAGS, } from '../RichToolbarHelper';
import initI18n from '../../../../utils/i18n';
export class EzRichToolbarConfigs {
  async componentWillLoad() {
    this.i18n = await initI18n();
  }
  render() {
    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.LIST, command: RICH_TOOLBAR_COMMANDS.FORMAT, value: RICH_TOOLBAR_FORMAT_TAGS.LIST, title: this.i18n("ez-rich-text.title.list") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.IMAGE, command: RICH_TOOLBAR_COMMANDS.IMAGE, title: this.i18n("ez-rich-text.title.image") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.LINK, command: RICH_TOOLBAR_COMMANDS.LINK, title: this.i18n("ez-rich-text.title.link") })));
  }
  static get is() { return "ez-rich-toolbar-configs"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() {
    return {
      "$": ["ez-rich-toolbar-configs.css"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["ez-rich-toolbar-configs.css"]
    };
  }
}
