import { ShadowlessElement } from '@blocksuite/block-std';
import { type FrameBlockModel } from '@blocksuite/blocks';
export type ReorderEvent = CustomEvent<{
    currentNumber: number;
    targetNumber: number;
    realIndex: number;
}>;
export type SelectEvent = CustomEvent<{
    id: string;
    selected: boolean;
    index: number;
    multiselect: boolean;
}>;
export type DragEvent = CustomEvent<{
    clientX: number;
    clientY: number;
    pageX: number;
    pageY: number;
}>;
export type FitViewEvent = CustomEvent<{
    block: FrameBlockModel;
}>;
export declare const AFFINE_FRAME_CARD = "affine-frame-card";
declare const FrameCard_base: typeof ShadowlessElement & import("@blocksuite/global/utils").Constructor<import("@blocksuite/global/utils").DisposableClass>;
export declare class FrameCard extends FrameCard_base {
    static styles: import("lit").CSSResult;
    private _dispatchDragEvent;
    private _dispatchFitViewEvent;
    private _dispatchSelectEvent;
    private _DraggingCardNumber;
    render(): import("lit-html").TemplateResult<1>;
    accessor cardIndex: number;
    accessor containerElement: HTMLElement;
    accessor draggingCardNumber: number | undefined;
    accessor frame: FrameBlockModel;
    accessor frameIndex: string;
    accessor pos: {
        x: number;
        y: number;
    };
    accessor stackOrder: number;
    accessor status: 'selected' | 'dragging' | 'placeholder' | 'none';
    accessor width: number | undefined;
}
declare global {
    interface HTMLElementTagNameMap {
        [AFFINE_FRAME_CARD]: FrameCard;
    }
}
export {};
//# sourceMappingURL=frame-card.d.ts.map