import { EventEmitter } from "../../stencil-public-runtime";
export type SwirlBoxBorderColor = "default" | "strong";
export type SwirlBoxOverflow = "visible" | "hidden" | "clip" | "scroll" | "auto";
export type SwirlBoxPadding = "0" | "2" | "4" | "8" | "12" | "16" | "20" | "24" | "32";
export type SwirlBoxPosition = "absolute" | "fixed" | "relative" | "static" | "sticky";
/**
 * @slot slot - The box contents
 */
export declare class SwirlBox {
    el: HTMLElement;
    borderColor?: SwirlBoxBorderColor;
    bordered?: boolean;
    borderedBlockEnd?: boolean;
    borderedBlockEndWhenScrolled?: boolean;
    borderedBlockStart?: boolean;
    borderedBlockStartWhenScrolled?: boolean;
    borderedInlineEnd?: boolean;
    borderedInlineStart?: boolean;
    bottom?: string;
    centerBlock?: boolean;
    centerInline?: boolean;
    cover?: boolean;
    height?: string;
    hideScrollbar?: boolean;
    left?: string;
    maxHeight?: string;
    minHeight?: string;
    maxWidth?: string;
    minWidth?: string;
    overflow?: SwirlBoxOverflow;
    overflowX?: SwirlBoxOverflow;
    overflowY?: SwirlBoxOverflow;
    padding?: SwirlBoxPadding;
    paddingBlockEnd?: SwirlBoxPadding;
    paddingBlockStart?: SwirlBoxPadding;
    paddingInlineEnd?: SwirlBoxPadding;
    paddingInlineStart?: SwirlBoxPadding;
    position?: SwirlBoxPosition;
    right?: string;
    basis?: string;
    shrink?: string;
    grow?: string;
    top?: string;
    width?: string;
    zIndex?: string;
    componentLoad: EventEmitter<void>;
    scrollState: {
        scrollable: boolean;
        scrolledToBottom: boolean;
        scrolledToTop: boolean;
    };
    private resizeObserver;
    connectedCallback(): void;
    componentDidLoad(): void;
    disconnectedCallback(): void;
    onScrollTrackingPropChange(): void;
    private setupResizeObserver;
    private teardownResizeObserver;
    private get needsScrollTracking();
    private onScroll;
    private updateScrollState;
    render(): any;
}