import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
import { KeepColors, KeepSizes } from "../../Keep/KeepTheme";
export interface keepBadgeTheme {
    base: string;
    href: string;
    badgeType: {
        default: {
            colorType: {
                light: {
                    color: BadgeColors;
                };
                strong: {
                    color: BadgeColors;
                };
            };
        };
        outline: {
            colorType: {
                light: {
                    color: BadgeColors;
                };
                strong: {
                    color: BadgeColors;
                };
            };
        };
        text: {
            colorType: {
                light: {
                    color: BadgeColors;
                };
                strong: {
                    color: BadgeColors;
                };
            };
        };
    };
    icon: {
        off: string;
        on: string;
        size: BadgeSizes;
    };
    size: BadgeSizes;
    dot: string;
    dotPosition: {
        left: string;
        right: string;
    };
}
export interface BadgeProps extends PropsWithChildren<Omit<ComponentProps<"span">, "className" | "color">> {
    color?: keyof BadgeColors;
    colorType?: "light" | "strong";
    badgeType?: "default" | "outline" | "text";
    href?: string;
    icon?: ReactNode;
    iconPosition?: "left" | "right";
    className?: string;
    size?: keyof BadgeSizes;
    children?: ReactNode;
    dot?: boolean;
    dotPosition?: "left" | "right";
}
export interface BadgeColors extends Pick<KeepColors, "error" | "gray" | "info" | "success" | "warning"> {
    [key: string]: string;
}
export interface BadgeSizes extends Pick<KeepSizes, "xs" | "sm"> {
    [key: string]: string;
}
export declare const Badge: FC<BadgeProps>;