import { ReactNode } from "react";
type IconComponent = React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
type TutorialFrameProps = {
    stepIndex: number;
    totalSteps?: number;
    title: string;
    hint: string;
    children?: ReactNode;
    controls?: ReactNode;
    badge?: ReactNode;
};
export declare function TutorialFrame({ stepIndex, totalSteps, title, hint, children, controls, badge, }: TutorialFrameProps): import("react/jsx-runtime").JSX.Element;
type FallbackCogButtonProps = {
    onPress: () => void;
    disabled?: boolean;
    label?: string;
};
export declare function FallbackCogButton({ onPress, disabled, label }: FallbackCogButtonProps): import("react/jsx-runtime").JSX.Element;
type CommandPairProps = {
    CogIcon: IconComponent;
    ActionIcon: IconComponent;
};
export declare function CommandPair({ CogIcon, ActionIcon }: CommandPairProps): import("react/jsx-runtime").JSX.Element;
type SuccessBadgeProps = {
    TickIcon: IconComponent;
};
export declare function SuccessBadge({ TickIcon }: SuccessBadgeProps): import("react/jsx-runtime").JSX.Element;
export {};
