import { MoiSavedFeedback } from "@klevu/core";
import { EventEmitter } from "../../stencil-public-runtime";
export type KlevuMessageFeedbackReasonDetails = {
  reason: string;
  feedback: MoiSavedFeedback;
};
/**
 * Container for chat items. Very simple component, just a wrapper.
 *
 * @cssprop --klevu-chat-bubble-background --klevu-color-neutral-2 Background color of the bubble
 * @cssprop --klevu-chat-bubble-background-remote --klevu-color-primary Background color of the bubble when remote
 * @cssprop --klevu-chat-bubble-text-color inherit Text color of the bubble
 * @cssprop --klevu-chat-bubble-text-color-remote --klevu-color-neutral-1 Text color of the bubble when remote
 */
export declare class KlevuChatBubble {
  /**
   * Is the message from the user or from the bot
   */
  remote?: boolean;
  /**
   * Has user given feedback to this message
   */
  feedback?: MoiSavedFeedback;
  /**
   * List of feedback reasons to show after the message
   */
  feedbackReasons?: string[];
  klevuMessageFeedbackReason: EventEmitter<KlevuMessageFeedbackReasonDetails>;
  render(): any;
}
