import { FC, ReactNode } from 'react';
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;
/**
 * 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;
}>;