import { EventEmitter } from "../../stencil-public-runtime";
export type KlevuTextfieldVariant = "default" | "pill";
/**
 * Branded text field component
 * @slot end - Content to be shown at end of list before the clear button if shown
 * @csspart textfield-base The container for input box
 * @csspart textfield-icon The icon at beginning of input
 * @csspart textfield-input The input box
 * @csspart textfield-clearbutton The clear button at the end of input
 */
export declare class KlevuTextfield {
  textInput: HTMLInputElement;
  /**
   * Current value of the field
   */
  value: string;
  /**
   * Is field disabled
   */
  disabled: boolean;
  /**
   * Placeholder value of the field
   */
  placeholder?: string;
  /**
   * Is field in error state
   */
  error?: boolean;
  /**
   * Variant of textfield
   */
  variant: KlevuTextfieldVariant;
  /**
   * Icon to display in textfield start of the field. Please use tokens of material icons
   */
  icon?: string;
  /**
   * Display a button to clear field value on the right side of the field
   */
  clearButton?: boolean;
  /**
   * When text changes in field
   */
  klevuTextChanged: EventEmitter<string>;
  /**
   * When textfield is focused
   */
  klevuTextFocused: EventEmitter<void>;
  /**
   * When enter is pressed in textfield
   */
  klevuTextEnterPressed: EventEmitter<void>;
  render(): any;
}