import React, { PureComponent } from 'react';
import { THEME_NAME_MAP } from "./theme/themeMap";
import { STATE_MAP } from "./theme/stateColors";
export declare const COLORIZED = "colorized";
export declare const StyledBadge: import("styled-components").StyledComponent<"span", any, Pick<BadgeProps, "margin" | "loose" | "color" | "textTransform" | "backgroundColor">, never>;
declare type getThemeFunc = () => {
    color: string;
    backgroundColor: string;
};
export declare type BadgeProps = {
    children: React.ReactNode;
    className: string;
    color: string;
    colorizedKey: string;
    variant?: typeof COLORIZED | typeof STATE_MAP[keyof typeof STATE_MAP];
    backgroundColor: string;
    margin: string;
    loose: boolean;
    theme: typeof THEME_NAME_MAP.ARC | typeof THEME_NAME_MAP.CODEMENTOR;
    textTransform: string;
};
declare class Badge extends PureComponent<BadgeProps> {
    static defaultProps: Partial<BadgeProps>;
    render(): JSX.Element;
    _getTheme: getThemeFunc;
}
export default Badge;