import { CSSProperties } from "styled-components";
import { AchievementData, RewardIcons } from "../types";
import { AchievementTranslation } from "./translations";
interface BoxProps {
    data: AchievementData;
    openDetails?: (data: AchievementData) => void;
    primary?: boolean;
    flipTierTitle?: boolean;
    fontSize?: string;
}
export declare function AchievementBoxComponent(props: BoxProps): JSX.Element;
interface DetailsProps {
    data: AchievementData;
    translations: Partial<AchievementTranslation>;
}
export declare function AchievementDetailsComponent(props: DetailsProps): JSX.Element;
interface ModuleProps {
    achievements?: AchievementData[];
    onOpen?: () => void;
    translations?: Partial<AchievementTranslation>;
    scale?: number;
}
export declare function AchievementModuleComponent(props: ModuleProps): JSX.Element;
export interface AchievementModulePropsNew {
    achievements?: AchievementData[];
    onCtaClick?: (cta: string) => void;
    translations?: Partial<AchievementTranslation>;
    primary?: boolean;
    containerStyle?: CSSProperties | undefined;
    isStandalone?: boolean;
}
export declare function AchievementModuleComponentNew(props: AchievementModulePropsNew): JSX.Element;
interface DeprecatedBoxProps {
    achievement: AchievementData;
    open?: (achievement: AchievementData) => void;
    defails?: string;
    scale?: number;
}
export declare function DeprecatedAchievementBoxComponent(props: DeprecatedBoxProps): JSX.Element;
interface TiersProps {
    achievement: AchievementData;
    translations?: Partial<AchievementTranslation>;
    rewardIcons?: RewardIcons;
    scale?: number;
}
export declare function AchievementTiersComponent(props: TiersProps): JSX.Element;
export {};