import { FC, PropsWithChildren, ReactNode } from 'react';
export type GameOption = {
    key: string;
    label: string;
    type: 'boolean';
};
/**
 * A single entry in the DevToolsHub panel.
 * Use this instead of raw `<button>` when adding custom tools via `children`.
 *
 * @example
 * <DevToolsHub>
 *   <DevToolEntry icon="✦" label="Card Viewer" desc="Browse agents" onClick={() => setShowCards(true)} />
 * </DevToolsHub>
 */
export declare const DevToolEntry: FC<{
    icon: ReactNode;
    label: string;
    desc?: string;
    onClick?: () => void;
}>;
type DevToolsHubProps = PropsWithChildren<{
    fabBottom?: string;
    gameOptions?: GameOption[];
}>;
export declare const DevToolsHub: FC<DevToolsHubProps>;
export declare const devToolBtnCss: import("@emotion/utils").SerializedStyles;
export declare const devToolIconCss: import("@emotion/utils").SerializedStyles;
export declare const devToolLabelCss: import("@emotion/utils").SerializedStyles;
export declare const devToolDescCss: import("@emotion/utils").SerializedStyles;
export {};