import { BoxProps } from "../../box";
import { ComponentProps, ReactNode } from "react";
import { InternalProps, OmitInternalProps, StyledComponentProps } from "../../shared";
declare const DefaultElement = "div";
export interface InnerBadgeProps extends InternalProps, StyledComponentProps<typeof DefaultElement> {
    /**
     * React children.
     */
    children: ReactNode;
    /**
     * The shape of the element being overlap by the badge.
     */
    overlap?: "circle" | "icon";
    /**
     * The style to use.
     */
    variant?: "count" | "dot" | "icon";
    /**
     * Additional props to render on the wrapper element.
     */
    wrapperProps?: Partial<BoxProps>;
}
export declare function InnerBadge({ as, children, forwardedRef, overlap, variant, wrapperProps: { as: wrapperAs, ...wrapperProps }, ...rest }: InnerBadgeProps): JSX.Element;
export declare namespace InnerBadge {
    var defaultElement: string;
}
/**
 * A badge is a floating component displaying a notification such as a count.
 *
 * [Documentation](https://orbit.sharegate.design/?path=/docs/badge--default-story)
*/
export declare const Badge: import("react").ForwardRefExoticComponent<Omit<OmitInternalProps<InnerBadgeProps, never>, "ref"> & import("react").RefAttributes<any>>;
export declare type BadgeProps = ComponentProps<typeof Badge>;
export {};