import { EventEmitter } from '../../stencil-public-runtime';
import { BalCardStepOption } from '../bal-card-step/bal-card-step.type';
export declare class CardSteps {
  element: HTMLElement;
  stepOptions: BalCardStepOption[];
  label: string;
  /**
   * If `true` a the style is ready for a dark background.
   */
  inverted: boolean;
  /**
   * If `true` the steps navigation is hidden.
   */
  hidden: boolean;
  /**
   * If `true` the steps navigation has back button.
   */
  hasBack: boolean;
  /**
   * If `true` the navigation is handled by the component
   */
  navigation: boolean;
  /**
   * Label for back button
   */
  backLabel: string;
  /**
   * Hides the navigation circles and adds the step label instead
   */
  showLabel: boolean;
  /**
   * Emitted when the changes has finished.
   */
  balChange: EventEmitter<BalCardStepOption>;
  /**
   * Emitted when the back button is clicked.
   */
  balBackClick: EventEmitter<void>;
  /**
   * Emitted when the step circle is clicked.
   */
  balStepClick: EventEmitter<BalCardStepOption>;
  /**
   * Go to tab with the given value
   */
  select(step: BalCardStepOption): Promise<void>;
  sync(): Promise<void>;
  componentWillLoad(): void;
  private get steps();
  private onClickStepCircle;
  private onBackButtonClick;
  private getPreviousStepIndex;
  render(): any;
}
