import * as React from "react";
import type { MergeElementProps } from "../typings";
interface BadgeBaseProps {
    /**
     * If provided the badge will be wrapped around this node.
     */
    children?: React.ReactElement<{
        className?: string;
    }>;
    /**
     * Append to the classNames applied to the component so you can override or
     * extend the styles.
     */
    className?: string;
    /**
     * The text content of the badge.
     */
    text?: string;
    /**
     * The props of the parent.
     *
     * If component has `children`,
     * this will be applied to the container of badge and the children element.
     * Otherwise this will be applied to the badge itself.
     */
    parentProps?: React.ComponentPropsWithRef<"div">;
    /**
     * The horizontal position of the badge.
     * @default "right"
     */
    horizontalPosition?: "left" | "right";
    /**
     * The vertical position of the badge.
     * @default "top"
     */
    verticalPosition?: "top" | "bottom";
    /**
     * The shape of the child the badge will be wrapped around.
     *
     * Set this for better positioning.
     * * @default "rectangular"
     */
    childShape?: "rectangular" | "circular";
    /**
     * The size of the badge when `variant="dotted"`.
     * @default "medium"
     */
    dotSize?: "large" | "medium" | "small";
    /**
     * The variant of the badge.
     * @default "filled"
     */
    variant?: "filled" | "dotted";
    /**
     * The color of the badge.
     * @default "default"
     */
    color?: "primary" | "secondary";
    /**
     * 	If `true`, the badge will be visible.
     * @default true
     */
    visible?: boolean;
}
export declare type BadgeProps = MergeElementProps<"div", BadgeBaseProps>;
declare type Component = {
    (props: BadgeProps): React.ReactElement | null;
    propTypes?: React.WeakValidationMap<BadgeProps> | undefined;
    displayName?: string | undefined;
};
declare const Badge: Component;
export default Badge;