import { CSSProperties } from 'react';
export interface StyleConfig {
    Form?: CSSProperties;
    MainHeading?: CSSProperties;
    Heading?: CSSProperties;
    Description?: CSSProperties;
    PointsColor?: CSSProperties;
    ProgressBarColor?: CSSProperties;
    InnerBackground?: CSSProperties;
    IconStyle?: {
        color?: string;
    };
    Search?: {
        background?: string;
        color?: string;
    };
    Footer?: {
        FooterStyle?: CSSProperties;
        FooterTextStyle?: CSSProperties;
        FooterIcon?: CSSProperties;
        FooterText?: string;
        FooterLink?: string;
    };
}
export interface Props {
    userId?: string;
    token?: string;
    questId: string;
    uniqueUserId?: string;
    uniqueEmailId?: string;
    enableVariation: boolean;
    styleConfig?: StyleConfig;
    mainHeading?: string;
    subHeading?: string;
    showFooter?: boolean;
    isLoader?: boolean;
    isV1Api?: boolean;
    completedActionIcon?: any;
    showCoin?: boolean;
    loaderComponent?: React.ReactNode;
    showCredits?: boolean;
}
export interface ICriteria {
    completed?: boolean;
    actionId?: string;
    criteriaId?: string;
    title: string;
    metricCount: string;
    isLocked: boolean;
    progressPercent: number;
    progressData: number;
    icon?: any;
    xp?: number;
}
export declare const Challenges: ({ uniqueUserId, uniqueEmailId, userId, token, questId, styleConfig, enableVariation, mainHeading, subHeading, showFooter, isLoader, isV1Api, completedActionIcon, showCoin, loaderComponent, showCredits }: Props) => import("react/jsx-runtime").JSX.Element;