import '@tokens-studio/tokens/css/components/badge.css';
import type { Appearance, ShirtSize } from './types/common.js';
import type { MouseEvent } from 'react';
interface BadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
    size?: ShirtSize;
    appearance?: Appearance;
}
interface BadgeActionProps extends React.ComponentPropsWithoutRef<'button'> {
    size?: ShirtSize;
    appearance?: Appearance;
    onClick?: (ev: MouseEvent<HTMLButtonElement>) => void;
}
declare const Action: import("react").ForwardRefExoticComponent<BadgeActionProps & import("react").RefAttributes<HTMLButtonElement>>;
declare const BadgeBase: import("react").ForwardRefExoticComponent<BadgeProps & import("react").RefAttributes<HTMLSpanElement>>;
type BadgeCompound = typeof BadgeBase & {
    Action: typeof Action;
};
export declare const Badge: BadgeCompound;
export declare const BadgeAction: import("react").ForwardRefExoticComponent<BadgeActionProps & import("react").RefAttributes<HTMLButtonElement>>;
export {};
//# sourceMappingURL=Badge.d.ts.map