import { BalTabOption } from '../bal-tabs/bal-tab.type';
export declare class TabItem {
  element: HTMLElement;
  isContentHidden: boolean;
  /**
   * This is the key of the tab.
   */
  value: string;
  /**
   * Label for the tab.
   */
  label: string;
  /**
   * If `true` a small red bubble is added to the tab.
   */
  bubble: boolean;
  /**
   * If `true` the tab is disabled.
   */
  disabled: boolean;
  /**
   * If `true` the step is marked as done.
   */
  done: boolean;
  /**
   * If `true` the step is marked as failed.
   */
  failed: boolean;
  /**
   * Tell's if the tab is active and the content is visible.
   */
  active: boolean;
  activatedHandler(newActive: boolean): void;
  informParent(): void;
  /**
   * Options of the tab like label, value etc.
   */
  getOptions(): Promise<BalTabOption>;
  /**
   * Sets the tab active.
   */
  setActive(active: boolean): Promise<void>;
  get options(): {
    value: string;
    label: string;
    active: boolean;
    disabled: boolean;
    done: boolean;
    failed: boolean;
    hasBubble: boolean;
  };
  get parent(): HTMLBalTabsElement;
  componentWillLoad(): void;
  render(): any;
}
