import { MouseEvent } from 'react';
import { CustomDragState, DebugConfig, DragOverPosition, DragState, MousePosition, OriginalPanelPosition, TouchDragState } from './types';

/**
 * Props for the DebugPanel component.
 *
 * DebugPanel コンポーネントのプロパティ。
 */
interface DebugPanelProps {
    /** Debug configuration object. / デバッグ設定オブジェクト。 */
    config: DebugConfig;
    /** The current state of the drag operation. / ドラッグ操作の現在の状態。 */
    dragState: DragState;
    /** The position where the dragged panel is hovering over. / ドラッグ中のパネルがホバーしている位置。 */
    dragOverPosition: DragOverPosition | null;
    /** The original position of the panel being dragged. / ドラッグされているパネルの元の位置。 */
    originalPanelPosition: OriginalPanelPosition | null;
    /** The current mouse coordinates. / 現在のマウス座標。 */
    mousePosition: MousePosition;
    /** The state related to touch-based dragging. / タッチベースのドラッグに関連する状態。 */
    touchDragState: TouchDragState;
    /** The state for custom drag handling. / カスタムドラッグ処理の状態。 */
    customDrag: CustomDragState;
}
/**
 * A panel that displays various debug information related to the drag-and-drop state.
 *
 * ドラッグ＆ドロップの状態に関連する様々なデバッグ情報を表示するパネル。
 * @param {DebugPanelProps} props - The props for the component.
 * @returns {JSX.Element | null} The rendered debug panel or null if not enabled.
 */
export declare const DebugPanel: ({ config, dragState, dragOverPosition, originalPanelPosition, mousePosition, touchDragState, customDrag }: DebugPanelProps) => import("react").JSX.Element | null;
/**
 * Props for the MousePositionDisplay component.
 *
 * MousePositionDisplay コンポーネントのプロパティ。
 */
interface MousePositionDisplayProps {
    /** Debug configuration object. / デバッグ設定オブジェクト。 */
    config: DebugConfig;
    /** The current mouse coordinates. / 現在のマウス座標。 */
    mousePosition: MousePosition;
    /** The current state of the drag operation. / ドラッグ操作の現在の状態。 */
    dragState: DragState;
}
/**
 * Displays the current mouse coordinates on the screen during a drag operation.
 *
 * ドラッグ操作中に画面上に現在のマウス座標を表示します。
 * @param {MousePositionDisplayProps} props - The props for the component。
 * @returns {JSX.Element | null} The rendered mouse position display or null if not enabled。
 */
export declare const MousePositionDisplay: ({ config, mousePosition, dragState }: MousePositionDisplayProps) => import("react").JSX.Element | null;
/**
 * Props for the PanelSizeDisplay component。
 *
 * PanelSizeDisplay コンポーネントのプロパティ。
 */
interface PanelSizeDisplayProps {
    /** Debug configuration object. / デバッグ設定オブジェクト。 */
    config: DebugConfig;
    panelId: string;
    /** The size and position information of the panel. / パネルのサイズと位置情報。 */
    sizeInfo: {
        width: number;
        height: number;
        x: number;
        y: number;
        minHeight: string;
        maxHeight: string;
    } | undefined;
    /** Callback function for click events on the size info display. / サイズ情報表示のクリックイベントのコールバック関数。 */
    onSizeInfoClick: (e: MouseEvent | TouchEvent) => void;
}
/**
 * Displays the size and position of a panel.
 *
 * パネルのサイズと位置を表示します。
 * @param {PanelSizeDisplayProps} props - The props for the component。
 * @returns {JSX.Element | null} The rendered panel size display or null if not enabled。
 */
export declare const PanelSizeDisplay: ({ config, panelId, sizeInfo, onSizeInfoClick }: PanelSizeDisplayProps) => import("react").JSX.Element | null;
/**
 * A helper function for logging debug messages to the console based on the configured log level.
 *
 * 設定されたログレベルに基づいてデバッグメッセージをコンソールに出力するためのヘルパー関数。
 * @param {DebugConfig} config - The debug configuration object。
 * @param {1 | 2} level - The log level of the message (1 for basic, 2 for verbose)。
 * @param {...any[]} args - The arguments to log to the console。
 */
export declare const debugLog: (config: DebugConfig, level: 1 | 2, ...args: unknown[]) => void;
export {};
//# sourceMappingURL=DebugComponents.d.ts.map