import { EventEmitter } from '../../stencil-public-runtime';
import { IconName } from '@teliads/icons/dist/main/Icons';
import { TabVariant } from '../../types/TabVariants';
import { TabNavigationDetail } from './TabNavigationDetail';
export declare type vocaInternalUI = {
  originalEvent: Event;
};
export declare class TeliaTabHeader {
  element: HTMLTeliaTabHeaderElement;
  /** Test id set for web component host */
  dataTestid: string;
  /** Use this prop to set `id` attribute of the component. */
  tabId: string;
  /** The active prop is set from the telia-tab event listener*/
  active: boolean;
  /** Icon prop is inherited from tab-content */
  icon: IconName;
  /** Svg string used for tree-shakable icon rendering */
  svg: string;
  /** Name sets the content title of tab header, inherited from tab-content */
  name: string;
  /** Deprecated use vocaTabChange instead - Custom event on click  */
  tabChange: EventEmitter<string>;
  /**
   * Only for internal use. Emitted when header senses navigation and
   * allows main component telia-tab to respond and set active tab.
   * */
  vocaInternalTabNavigation: EventEmitter<TabNavigationDetail>;
  /** Custom event on focus, only used internally*/
  /** index of tab-header*/
  dataIndex: number;
  /** will toggle --has-keypress class based on interaction with component */
  isKeyPress: boolean;
  /** Style of header */
  variant: TabVariant;
  componentDidUpdate(): void;
  /** Handle click event
   * @param e - event
   * @private
   */
  private onClickHandler;
  /** Handle keyboard navigation
   * @param e - event
   * @private
   */
  private onKeyDownHandler;
  private handleKeyNavigation;
  render(): any;
}
