import { CSSProperties, ReactNode } from 'react';
import { SlotClassNames, SlotStyles, HtmlProps } from '../types/slots.types.js';
import { ColorValue } from '../themeProvider/color.types.js';
/** How much the badge stands out. Independent of its colour; a `dot` is always solid. */
export declare enum BadgeStyleType {
    /** Solid fill. The default. */
    Filled = "filled",
    /** A light tint of the colour behind text in the colour. */
    Light = "light",
    /** Border and text in the colour, no fill. */
    Outlined = "outlined"
}
export declare enum BadgePosition {
    TopRight = "top-right",
    TopLeft = "top-left",
    BottomRight = "bottom-right",
    BottomLeft = "bottom-left"
}
export type BadgeSlots = 'badge';
export interface BadgeProps extends Omit<HtmlProps, 'content'> {
    count?: number;
    max?: number;
    content?: ReactNode;
    dot?: boolean;
    showZero?: boolean;
    styleType?: BadgeStyleType;
    /** A `ThemeColor` (default `Primary`) or any CSS colour, such as `'var(--brand)'`. */
    color?: ColorValue;
    position?: BadgePosition;
    children?: ReactNode;
    className?: string;
    style?: CSSProperties;
    classNames?: SlotClassNames<BadgeSlots>;
    styles?: SlotStyles<BadgeSlots>;
}