import { EventEmitter } from '../../stencil-public-runtime';
export declare class RuxInputField {
  el: HTMLRuxCheckboxElement;
  inputId: string;
  /**
   * The input label text
   */
  label?: string;
  /**
   * The input placeholder text
   */
  placeholder?: string;
  /**
   * The help or explanation text
   */
  helpText?: string;
  /**
   * The validation error text
   */
  errorText?: string;
  /**
   * Marks the input as invalid
   */
  invalid: boolean;
  /**
   * The input value
   */
  value: string;
  /**
   * The input name
   */
  name: string;
  /**
   * The input type
   */
  type: 'text' | 'number' | 'email' | 'url' | 'search' | 'password' | 'tel';
  /**
   * The input min attribute
   */
  min?: string;
  /**
   * The input max attribute
   */
  max?: string;
  /**
   * Disables the button via HTML disabled attribute. Button takes on a distinct visual state. Cursor uses the not-allowed system replacement and all keyboard and mouse events are ignored.
   */
  disabled: boolean;
  /**
   * Sets the input as disabled
   */
  required: boolean;
  /**
   * Styles the input element and label smaller for space-limited situations.
   */
  small: boolean;
  /**
   * The input step attribute
   */
  step?: string;
  /**
   * Fired when the value of the input changes - [HTMLElement/input_event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event)
   */
  ruxChange: EventEmitter;
  /**
   * Fired when an alteration to the input's value is committed by the user - [HTMLElement/change_event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event)
   */
  ruxInput: EventEmitter;
  connectedCallback(): void;
  onChange(e: Event): void;
  onInput(e: Event): void;
  render(): any;
}