import { OverlayRef } from '@angular/cdk/overlay';
import { EventEmitter, TemplateRef } from '@angular/core';
import * as i0 from "@angular/core";
/**
 * The position of the tooltip relative to its anchor. For example, if position is 'top-left' the the tooltip will appear above the anchor and expand to the left of the anchor.
 */
export type TooltipPosition = 'top-left' | 'top-center' | 'top-right' | 'right-top' | 'right-center' | 'right-bottom' | 'bottom-left' | 'bottom-center' | 'bottom-right' | 'left-top' | 'left-center' | 'left-bottom';
export interface TooltipOptions {
    /**
     * Unique identifier for the tooltip that is assigned to the <article> element that wraps the tooltip content.
     */
    id?: string;
    /**
     * The tooltip title. Hidden if not defined. The tooltip header is hidden if both title and subtile are not defined.
     */
    title?: string;
    /**
     * Text to display under the tooltip title. Hidden if not defined. The tooltip header is hidden if both title and subtitle are not defined.
     */
    subtitle?: string;
    /**
     * HTML string for the main content of the tooltip. Will be ignored if customContent has a value.
     */
    text?: string;
    /**
     * Provide a TemplateRef for custom content. If customContent is defined, any value for text will be ignored.
     */
    customContent?: TemplateRef<any>;
    /**
     * When true a close button appears in the top right corner to hide the tooltip. Useful when tooltips are used in a tour. An event will emitted when the tooltip is hidden.
     */
    dismissible?: boolean;
    /**
     * Number in pixels of the width of the tooltip. If undefined width will be auto.
     */
    width?: number;
    /**
     * Number in pixels that the max-width of the tooltip can be.
     */
    maxWidth?: number;
    /**
     * Customize the background color. Can be any color value or css variable with var() function. For example: var(--ec-background-color-success);
     */
    backgroundColor?: string;
    /**
     * Customize the color of the title text. Can be any color value or css variable with var() function. For example: var(--ec-color-primary-light);
     */
    titleColor?: string;
    /**
     * Flag to hide the arrow of the tooltip. Showing the arrow is the default.
     */
    hideArrow?: boolean;
}
export declare class TooltipComponent implements TooltipOptions {
    position: TooltipPosition;
    id?: string;
    title?: string;
    subtitle?: string;
    text?: string;
    dismissible: boolean;
    customContent?: TemplateRef<any> | undefined;
    overlayRef?: OverlayRef;
    hideArrow?: boolean;
    backgroundColor?: string;
    titleColor?: string;
    onHide: EventEmitter<void>;
    hide(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<TooltipComponent, "ec-tooltip", never, {}, {}, never, never, false, never>;
}
