import type { BadgeBaseState } from '@fluentui/react-badge';
import { BadgeBaseProps as BadgeProps } from '@fluentui/react-badge';
import { BadgeSlots } from '@fluentui/react-badge';
import type { CounterBadgeBaseState } from '@fluentui/react-badge';
import { CounterBadgeBaseProps as CounterBadgeProps } from '@fluentui/react-badge';
import type { ForwardRefComponent } from '@fluentui/react-utilities';
import type { PresenceBadgeBaseState } from '@fluentui/react-badge';
import { PresenceBadgeBaseProps as PresenceBadgeProps } from '@fluentui/react-badge';
import { PresenceBadgeStatus } from '@fluentui/react-badge';
import type * as React_2 from 'react';
import { renderBadge_unstable } from '@fluentui/react-badge';

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

export { BadgeProps }

export { BadgeSlots }

/**
 * 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';
    };
};

/**
 * A headless badge for displaying a count or dot.
 */
export declare const CounterBadge: ForwardRefComponent<CounterBadgeProps>;

export { CounterBadgeProps }

/**
 * CounterBadge component state.
 */
export declare type CounterBadgeState = CounterBadgeBaseState & {
    root: {
        /**
         * The numeric count before overflow formatting.
         */
        'data-count': string;
        /**
         * Present when the badge renders as a dot.
         */
        'data-dot'?: string;
        /**
         * Present when the badge has no visible count or dot.
         */
        'data-hidden'?: string;
        /**
         * Present when the count exceeds the configured overflow count.
         */
        'data-overflowed'?: string;
    };
};

/**
 * A headless badge that exposes presence status to assistive technology.
 */
export declare const PresenceBadge: ForwardRefComponent<PresenceBadgeProps>;

export { PresenceBadgeProps }

/**
 * PresenceBadge component state.
 */
export declare type PresenceBadgeState = PresenceBadgeBaseState & {
    root: {
        /**
         * The current presence status.
         */
        'data-status': PresenceBadgeBaseState['status'];
        /**
         * Present when out-of-office status is combined with the current presence.
         */
        'data-out-of-office'?: string;
    };
};

export { PresenceBadgeStatus }

export { renderBadge_unstable as renderBadge }
export { renderBadge_unstable as renderCounterBadge }
export { renderBadge_unstable as renderPresenceBadge }

/**
 * 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;

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

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

export { }