import { default as React } from 'react';
import { DebugConfig, DragOverPosition, OriginalPanelPosition } from './types';

/**
 * Props for the InsertPlaceholder component.
 *
 * InsertPlaceholder コンポーネントのプロパティ。
 */
interface InsertPlaceholderProps {
    /** The index where the placeholder appears in the column. / カラム内でのプレースホルダーのインデックス。 */
    index: number;
    /** The index of the column containing the placeholder. / プレースホルダーが含まれるカラムのインデックス。 */
    columnIndex: number;
    /** A flag indicating if a drag operation is in progress. / ドラッグ操作が進行中かどうかを示すフラグ。 */
    isDragging: boolean;
    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
    dragOverPosition: DragOverPosition | null;
    /** The original position of the panel being dragged. / ドラッグされているパネルの元の位置。 */
    originalPosition: OriginalPanelPosition | null;
    /** Callback when a dragged item enters the placeholder. / ドラッグアイテムがプレースホルダーに入ったときのコールバック。 */
    onDragEnter: (columnIndex: number, insertIndex: number) => void;
    /** Callback when a dragged item leaves the placeholder. / ドラッグアイテムがプレースホルダーから離れたときのコールバック。 */
    onDragLeave: (e?: React.DragEvent, columnIndex?: number, insertIndex?: number) => void;
    /** Debug configuration object. / デバッグ設定オブジェクト。 */
    config: DebugConfig;
    /** State for custom (non-HTML5) drag handling. / カスタム（非HTML5）ドラッグ処理の状態。 */
    customDrag?: {
        isActive: boolean;
        panelId: string;
    };
}
/**
 * A component that renders a placeholder to indicate where a dragged panel can be dropped.
 * It highlights when a panel is dragged over it and is hidden when no drag is active.
 * Features smooth fade-in/fade-out animations for a polished user experience.
 *
 * ドラッグされたパネルをドロップできる場所を示すプレースホルダーをレンダリングするコンポーネント。
 * パネルが上にドラッグされるとハイライトされ、ドラッグがアクティブでないときは非表示になります。
 * 洗練されたユーザーエクスペリエンスのために、滑らかなフェードイン・フェードアウトアニメーションを特徴とします。
 */
export declare const InsertPlaceholder: React.NamedExoticComponent<InsertPlaceholderProps>;
/**
 * Props for the DropZoneDebugOverlay component.
 *
 * DropZoneDebugOverlay コンポーネントのプロパティ。
 */
interface DropZoneDebugOverlayProps {
    /** The index of the column this overlay is for. / このオーバーレイが対象とするカラムのインデックス。 */
    columnIndex: number;
    /** A flag indicating if a drag operation is in progress. / ドラッグ操作が進行中かどうかを示すフラグ。 */
    isDragging: boolean;
    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
    dragOverPosition: DragOverPosition | null;
    /** The child elements to be rendered within the overlay. / オーバーレイ内にレンダリングされる子要素。 */
    children: React.ReactNode;
    /** Debug configuration object. / デバッグ設定オブジェクト。 */
    config: DebugConfig;
}
/**
 * A component that renders a debug overlay over a drop zone (a column).
 * It shows the boundaries and state (active/idle) of the drop zone during a drag operation。
 *
 * ドロップゾーン（カラム）の上にデバッグオーバーレイをレンダリングするコンポーネント。
 * ドラッグ操作中にドロップゾーンの境界と状態（アクティブ/アイドル）を表示します。
 */
export declare const DropZoneDebugOverlay: {
    ({ columnIndex, isDragging, dragOverPosition, children, config }: DropZoneDebugOverlayProps): React.JSX.Element;
    displayName: string;
};
export {};
//# sourceMappingURL=DebugOverlay.d.ts.map