import type { BadgeBaseProps } from '@fluentui/react-badge';
import type { BadgeBaseState } from '@fluentui/react-badge';
import type { BadgeSlots as BadgeSlots_2 } from '@fluentui/react-badge';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type * as React_2 from 'react';
import { renderBadge_unstable as renderBadge } from '@fluentui/react-badge';

/**
 * A badge component for displaying counts or labels.
 */
export declare const Badge: ForwardRefComponent<BadgeProps>;

/**
 * Badge component props
 */
export declare type BadgeProps = BadgeBaseProps;

/**
 * Badge component slots
 */
export declare type BadgeSlots = BadgeSlots_2;

/**
 * Badge component state
 */
export declare type BadgeState = BadgeBaseState & {
    root: {
        /**
         * Data attribute reflecting the icon position when an icon slot is present. Value is 'before' or 'after'.
         */
        'data-icon-position'?: 'before' | 'after';
    };
};

export { renderBadge }

/**
 * Returns the state for a Badge component, given its props and ref.
 * The returned state can be modified with hooks before being passed to `renderBadge`.
 */
export declare const useBadge: (props: BadgeProps, ref: React_2.Ref<HTMLDivElement>) => BadgeState;

export { }