import React from 'react';
import PropTypes from 'prop-types';
import { AnyTheme, Interpolation, OptionalThemedProps } from '@splunk/themes';
import { ComponentProps } from '../utils/types';
interface BadgePropsBase {
    /** Changes the background color. Accepts `@splunk/themes` variable or any valid `color` value. */
    backgroundColor?: React.CSSProperties['color'] | Interpolation<AnyTheme, OptionalThemedProps<AnyTheme>>;
    children?: never;
    /** A React ref which is set to the DOM element when the component mounts and null when it unmounts. */
    elementRef?: React.Ref<HTMLSpanElement>;
    /** The content of the badge. */
    label: string;
    /** Icon before the label. */
    icon?: React.ReactNode;
    /** Changes the text and icon color. Accepts `@splunk/themes` variable or any valid `color` value. */
    foregroundColor?: React.CSSProperties['color'] | Interpolation<AnyTheme, OptionalThemedProps<AnyTheme>>;
}
type BadgeProps = ComponentProps<BadgePropsBase, 'span'>;
declare function Badge({ backgroundColor, elementRef, label, icon, foregroundColor, ...otherProps }: BadgeProps): React.JSX.Element;
declare namespace Badge {
    var propTypes: {
        backgroundColor: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
        elementRef: PropTypes.Requireable<object>;
        label: PropTypes.Validator<string>;
        icon: PropTypes.Requireable<PropTypes.ReactNodeLike>;
        foregroundColor: PropTypes.Requireable<NonNullable<string | ((...args: any[]) => any) | null | undefined>>;
    };
}
export default Badge;