import { EventEmitter } from "../../stencil-public-runtime";
/**
 * Component that wraps chat elements into a layout.
 *
 * @slot header - Header of the chat layout
 * @slot footer - Footer of the chat layout
 * @slot default - Main content of the chat layout. Only one element should be used for this slot to make layout calculatios right.
 * @slot actions - Actions to be placed in the footer
 *
 */
export declare class KlevuChatLayout {
  #private;
  el: HTMLElement;
  /**
   * To be set to portal trigger element
   * when component is being used in a portal
   */
  originElement?: HTMLElement;
  /**
   * Use native scrollbars instead of custom ones in content
   */
  useNativeScrollbars?: boolean;
  /**
   * Current value of the text field
   */
  text: string;
  menuSlotCount: number;
  componentDidLoad(): void;
  /**
   * Scroll current chat to bottom of page
   */
  scrollMainToBottom(behavior?: "smooth" | "instant"): Promise<void>;
  /**
   * Close the popup menu
   */
  closePopup(): Promise<void>;
  /**
   * Event emitted when user sends a message
   */
  klevuChatLayoutMessageSent: EventEmitter<string>;
  render(): any;
}