import React from 'react';
import { WebContextValues } from '../../atom/provider/web-context';
import { LearnerSkillCardProps } from './prop-types';
export declare const updateBackgroundImage: (ref: React.RefObject<HTMLDivElement>, background: string) => void;
declare const LearnerSkillCard: {
    (props: LearnerSkillCardProps, context: WebContextValues): JSX.Element;
    contextTypes: {
        translate: import("prop-types").Requireable<(...args: any[]) => any>;
    };
    propTypes: {
        'aria-label': import("prop-types").Requireable<string>;
        cardIndex: import("prop-types").Requireable<number>;
        skillTitle: import("prop-types").Requireable<string>;
        skillAriaLabel: import("prop-types").Requireable<string>;
        focus: import("prop-types").Requireable<boolean>;
        metrics: import("prop-types").Requireable<import("prop-types").InferProps<{
            content: import("prop-types").Requireable<number>;
            score: import("prop-types").Requireable<number>;
            questionsToReview: import("prop-types").Requireable<number>;
        }>>;
        icon: import("prop-types").Requireable<import("prop-types").InferProps<{
            color: import("prop-types").Requireable<string>;
            name: import("prop-types").Requireable<string>;
        }>>;
        onExploreClick: import("prop-types").Requireable<(...args: any[]) => any>;
    };
};
export default LearnerSkillCard;
//# sourceMappingURL=index.d.ts.map