import { keysTheme } from "../../../../data/dataMx";
import { ITierIcon } from "./TierTypes";
import { CSSObject } from "styled-components";
export interface ITierLevelProps {
    /** Type of Tier */
    type: "desktop" | "mobile";
    /** Tier icon */
    iconName: ITierIcon;
    /** User points */
    actualPoints: number;
    /** Points earned history */
    totalTierPoints: number;
    /** User tier text */
    actualTier: string;
    /** Missing points to the user to reach gold */
    nextPoints: number;
    /** Text points to the user to reach gold */
    nextTier: string;
    /** ProgressBar color */
    colorProgress?: keysTheme;
    /** Handler for click event */
    handleClick?: () => void;
    style?: CSSObject;
}
export declare const OrganismsTierLevel: ({ type, iconName, actualPoints, actualTier, totalTierPoints, nextPoints, nextTier, style, handleClick, colorProgress, }: ITierLevelProps) => JSX.Element;
