import { EventEmitter } from '../../stencil-public-runtime';
import { TecnologiaTheme } from '../interfaces';
import { TecStatus } from '../../models/status.model';
import { TecButtonColor, TecButtonIconMode, TecButtonMode, TecButtonSize } from './button.model';
export declare class TecButton {
  theme: TecnologiaTheme;
  /**
   * Emitted when button is clicked
   * Captured by onClick listener.
   * > Note: if button was disabled event can't be dispatch
   */
  clicked: EventEmitter<UIEvent>;
  /**
   * Optional ID to be attached on button
   */
  buttonId: string;
  /**
   * Text to show inside button
   */
  label: string;
  /**
   * The status of button (color)
   */
  status: TecStatus;
  /**
   * Mode of button (like square or rounded)
   */
  mode: TecButtonMode;
  /**
   * Colors of button (like gradient)
   */
  color: TecButtonColor;
  /**
   * Size of button
   */
  size: TecButtonSize;
  /**
   * Boolean to indicate if button is disabled
   */
  disabled: boolean;
  /**
   * If `true` button use `width: 100%`
   */
  fullWidth: boolean;
  /**
   * If `true` button removes label
   */
  onlyIcon: boolean;
  /**
   * Position of icon
   */
  iconMode: TecButtonIconMode;
  /**
   * Icon class from FontAwesome 5 Free
   * Allows to use: brands, regular, solid
   * Example: 'far fa-paper-plane'
   */
  icon: string;
  /**
   * Add a loading indicator to button
   * You need add a manual control to remove loading
   */
  loading: boolean;
  componentDidLoad(): void;
  handleEventClick: (event: MouseEvent) => void;
  get isDisabled(): boolean;
  render(): any;
}