import { CSSResultGroup, PropertyValues, TemplateResult } from 'lit';
import { SbbElement } from '../../core.ts';
declare const SbbStickyBarElement_base: import('../../core.ts').AbstractConstructor<import('../../core.ts').SbbUpdateSchedulerMixinType> & typeof SbbElement;
/**
 * A container that sticks to the bottom of the page if slotted into `sbb-container`.
 *
 * @slot - Use the unnamed slot to add content to the sticky bar.
 * @cssprop [--sbb-sticky-bar-padding-block=var(--sbb-spacing-responsive-xs)] - Block padding of the sticky bar.
 * @cssprop [--sbb-sticky-bar-bottom-overlapping-height=0px] - Define an additional area where
 * the sticky bar overlaps the following content on the bottom.
 * This area becomes visible when the sticky bar transitions from sticky to the normal document flow.
 * @cssprop [--sbb-sticky-bar-z-index] - To specify a custom stack order,
 * the `z-index` can be overridden by defining this CSS variable.
 */
export declare class SbbStickyBarElement extends SbbStickyBarElement_base {
    static readonly elementName: string;
    static styles: CSSResultGroup;
    static readonly events: {
        readonly beforestick: "beforestick";
        readonly stick: "stick";
        readonly beforeunstick: "beforeunstick";
        readonly unstick: "unstick";
    };
    /** Color of the container, like transparent, white etc. */
    accessor color: 'white' | 'milk' | 'midnight' | 'charcoal' | null;
    /**
     * Size of the sticky bar, either s (lean theme default) or m (standard theme default).
     */
    accessor size: 's' | 'm' | null;
    /** The state of the component. */
    private set _state(value);
    private get _state();
    private _stateInternal;
    private _intersector?;
    private _observer;
    constructor();
    connectedCallback(): void;
    disconnectedCallback(): void;
    protected firstUpdated(changedProperties: PropertyValues<this>): void;
    private _isZeroAnimationDuration;
    private _detectStickyState;
    /** Animates from normal content flow position to `position: sticky`. */
    stick(): void;
    /** Animates `position: sticky` to normal content flow position. */
    unstick(): void;
    private _stickyCallback;
    private _unstickyCallback;
    private _onAnimationEnd;
    private _dispatchBeforeStickEvent;
    private _dispatchBeforeUnStickEvent;
    protected render(): TemplateResult;
}
declare global {
    interface HTMLElementTagNameMap {
        'sbb-sticky-bar': SbbStickyBarElement;
    }
}
export {};
//# sourceMappingURL=sticky-bar.component.d.ts.map