import { DebugConfig } from './types';

/**
 * Props for the DebugControlPanel component.
 *
 * DebugControlPanel コンポーネントのプロパティ。
 */
type DebugControlPanelProps = {
    /** The current debug configuration object. / 現在のデバッグ設定オブジェクト。 */
    config: DebugConfig;
    /** Callback function to update the debug configuration. / デバッグ設定を更新するためのコールバック関数。 */
    onConfigChange: (newConfig: DebugConfig) => void;
    /** A flag indicating if the control panel is currently visible. / コントロールパネルが現在表示されているかどうかを示すフラグ。 */
    isVisible: boolean;
    /** Callback function to toggle the visibility of the control panel. / コントロールパネルの表示を切り替えるためのコールバック関数。 */
    onToggleVisibility: () => void;
};
/**
 * A floating panel with controls to manage debug settings.
 * It can be toggled to show/hide and provides checkboxes and a slider
 * to dynamically change the debug configuration.
 *
 * デバッグ設定を管理するためのコントロールを持つフローティングパネル。
 * 表示・非表示を切り替えることができ、チェックボックスとスライダーで
 * デバッグ設定を動的に変更できます。
 * @param {DebugControlPanelProps} props - The props for the component.
 * @returns {JSX.Element} The rendered debug control panel.
 */
export declare const DebugControlPanel: ({ config, onConfigChange, isVisible, onToggleVisibility }: DebugControlPanelProps) => import("react").JSX.Element;
export {};
//# sourceMappingURL=DebugControlPanel.d.ts.map