import { ComponentInterface } from '../../stencil-public-runtime';
import { Loggable, LogInstance } from '../../utils/log';
import { BalBreakpointObserver, BalBreakpoints } from '../../utils/breakpoints';
import { BalConfigObserver, BalConfigState } from '../../utils/config';
export declare class Logo implements ComponentInterface, Loggable, BalBreakpointObserver, BalConfigObserver {
    private animationItem;
    private animatedLogoElement;
    private animationFunction?;
    log: LogInstance;
    createLogger(log: LogInstance): void;
    el: HTMLElement;
    isTouch: boolean;
    doesConfigAllowAnimation: boolean;
    /**
     * PUBLIC PROPERTY API
     * ------------------------------------------------------
     */
    /**
     * Defines the color of the logo.
     */
    color: BalProps.BalLogoColor;
    /**
     * Size of the logo svg
     */
    size: BalProps.BalLogoSize;
    /**
     * Defines if the animation should be active
     */
    animated: boolean;
    animatedWatcher(): void;
    /**
     * LIFECYCLE
     * ------------------------------------------------------
     */
    connectedCallback(): void;
    componentDidUpdate(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    /**
     * LISTENERS
     * ------------------------------------------------------
     */
    breakpointListener(breakpoints: BalBreakpoints): void;
    configChanged(state: BalConfigState): void;
    /**
     * PRIVATE METHODS
     * ------------------------------------------------------
     */
    private get isAnimated();
    private resetAnimation;
    private loadAnimation;
    private destroyAnimation;
    /**
     * RENDER
     * ------------------------------------------------------
     */
    render(): any;
}
