import { default as React } from 'react';
import { StyleProps } from '../../style-engine';
declare const badgeStyles: import('../../style-engine').StylesDef<{
    size: {
        sm: string;
        md: string;
        lg: string;
    };
    color: {
        readonly primary: "bg-primary text-white";
        readonly secondary: "bg-secondary text-white";
        readonly accent: "bg-accent text-white";
        readonly muted: "bg-muted text-foreground";
        readonly success: "bg-success text-white";
        readonly warning: "bg-warning text-white";
        readonly danger: "bg-danger text-white";
        readonly info: "bg-info text-white";
        readonly gradient: "bg-gradient-ui text-white";
    };
}>;
type BadgeVariantProps = StyleProps<typeof badgeStyles>;
export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, keyof BadgeVariantProps>, BadgeVariantProps {
}
export declare function Badge({ size, color, children, className, ...props }: BadgeProps): React.JSX.Element;
export {};