import { BadgePosition } from './badge-position';
/**
 * `Badge` is a non-interactive component for displaying status with or without numbers.
 *
 * @example without children
 * <Badge count={5} maxCount={10} />
 */
declare const Badge: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "data-color" | "children" | "variant" | "count" | "maxCount"> & {
    count?: number;
    maxCount?: number;
    variant?: "base" | "tinted";
    'data-color'?: import("packages/types/dist/types").Color | import("packages/types/dist/types").SeverityColors;
    children?: never;
} & import("react").RefAttributes<HTMLSpanElement>> & {
    Position: import("react").ForwardRefExoticComponent<Omit<import("../../types").DefaultProps & import("react").HTMLAttributes<HTMLSpanElement>, "overlap" | "placement"> & {
        placement?: "top-right" | "top-left" | "bottom-right" | "bottom-left";
        overlap?: "circle" | "rectangle";
    } & import("react").RefAttributes<HTMLSpanElement>>;
};
export type { BadgeProps } from './badge';
export type { BadgePositionProps } from './badge-position';
export { Badge, BadgePosition };
//# sourceMappingURL=index.d.ts.map