import { HeadingTags } from '@codecademy/gamut';
import { LearningOutcomeLevels } from '../LearningOutcomeBadges';
interface LearningOutcomeSkill {
    title?: string | null | undefined;
}
interface LearningOutcomeCardProps {
    level: LearningOutcomeLevels | null | undefined;
    outcome: string;
    as?: 'li';
    headingLevel?: HeadingTags;
    isInteractive?: boolean;
    mode?: 'emphasized' | 'base';
    progress?: number;
    skills?: LearningOutcomeSkill[] | null;
    /**
     * Optional prop for progress updates, used to animate the radial progress from a previous value to the current value.
     * Need to provide previousProgress and progressDuraion to animate the radial progress.
     * If progress is 100, completionDelay needs to be provided instead of progressDuration to delay the display of the completion icon.
     */
    progressUpdateData?: {
        previousProgress: number;
        progressDuration?: number;
        completionDelay?: number;
    };
}
export declare const LearningOutcomeCard: React.FC<LearningOutcomeCardProps>;
export {};