import { h, Host } from '@stencil/core';
import { RICH_TOOLBAR_COMMAND_ICON, RICH_TOOLBAR_COMMANDS } from '../RichToolbarHelper';
import initI18n from '../../../../utils/i18n';
export class EzRichToolbarArrows {
  async componentWillLoad() {
    this.i18n = await initI18n();
  }
  render() {
    return (h(Host, null, h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.UNDO, command: RICH_TOOLBAR_COMMANDS.UNDO, title: this.i18n("ez-rich-text.title.undo") }), h("ez-rich-toolbar-item", { icon: RICH_TOOLBAR_COMMAND_ICON.REDO, command: RICH_TOOLBAR_COMMANDS.REDO, title: this.i18n("ez-rich-text.title.redo") })));
  }
  static get is() { return "ez-rich-toolbar-arrows"; }
  static get encapsulation() { return "scoped"; }
  static get originalStyleUrls() {
    return {
      "$": ["ez-rich-toolbar-arrows.css"]
    };
  }
  static get styleUrls() {
    return {
      "$": ["ez-rich-toolbar-arrows.css"]
    };
  }
}
