import { ForwardRefExoticComponent, ReactNode, FC } from 'react';
import { IconProps } from '../Icon/index.js';
import { HTMLTribeProps } from '../types/index.js';
export declare type BadgeVariant = 'primary' | 'secondary';
export declare type BadgeSize = 'sm' | 'md' | 'lg';
export declare type BadgeProps = HTMLTribeProps<'div'> & {
    variant?: BadgeVariant;
    size?: BadgeSize;
    rounded?: boolean;
    leadingIcon?: IconProps;
    trailingIcon?: IconProps | ReactNode;
};
declare type BadgeCompound = ForwardRefExoticComponent<BadgeProps> & {
    Button?: FC<BadgeButtonProps>;
};
export declare const Badge: BadgeCompound;
export declare type BadgeButtonProps = HTMLTribeProps<'button'>;
export {};