import type { ReactNode } from 'react';
import type { StringLikeChildren } from '../types.js';
import type { CommonProps } from '../types.js';
export interface BadgeProps extends CommonProps {
    /** The content to display as the label. */
    children: StringLikeChildren;
    /**
     * Determines the color tone of the badge.
     * @default 'base'
     */
    tone?: 'base' | 'success' | 'info' | 'warning' | 'critical' | 'lime' | 'emerald' | 'indigo' | 'purple' | 'pink' | 'brown';
    /**
     * The size of the badge.
     * @default 'medium'
     */
    size?: 'small' | 'medium' | 'large';
    /**
     * The icon to display at the start of the badge.
     *
     * Should not be used when size is set to `'small'` as icons won't be displayed at this size.
     */
    iconStart?: ReactNode;
}
/**
 * Displays a small piece of information, such as a status or a category.
 *
 * See [badge usage guidelines](https://ui.cimpress.io/components/badge/).
 */
declare const _Badge: (props: BadgeProps & import("react").RefAttributes<HTMLDivElement> & import("../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
export { _Badge as Badge };
//# sourceMappingURL=badge.d.ts.map