import type { HTMLAttributes, ReactNode } from 'react';
type BadgeProps = {
    modifier: 'success' | 'warning' | 'error' | 'info' | 'progress' | 'disabled';
} & HTMLAttributes<HTMLSpanElement>;
/**
 * Badge component used for indicating different statuses.
 *
 * @component
 * @example
 * // Example usage of Badge component
 * <Badge modifier="success">Success</Badge>
 *
 * @param {Object} props - The properties of the Badge component.
 * @param {'success' | 'warning' | 'error' | 'info'} props.modifier - The modifier to determine the badge style.
 * @param {ReactNode} props.children - The content to be displayed inside the badge.
 *
 * @returns {ReactNode} The rendered Badge component.
 */
export declare function Badge({ modifier, children, ...restProps }: BadgeProps): ReactNode;
export {};
//# sourceMappingURL=Badge.d.ts.map