import React, { ReactNode, SyntheticEvent } from 'react';
import { GenericComponent } from '../../@types/types';
import { SIZES } from '../../constants';
import { BoxProps } from '../box/Box';
interface BadgeProps extends Omit<BoxProps, 'ref' | 'size'> {
    /** The content to display inside the badge. */
    children?: ReactNode;
    /** A class name for the wrapper to give custom styles. */
    className?: string;
    /** If true, component will be disabled. */
    disabled?: boolean;
    /** Sets a custom element to use as the badge component wrapper. */
    element?: React.ElementType;
    /** The icon displayed inside the badge. */
    icon?: ReactNode;
    /** The position of the icon inside the badge. */
    iconPlacement?: 'left' | 'right';
    /** Callback function that is fired when clicking on the component. */
    onClick?: (e: SyntheticEvent) => void;
    /** If true, component will be shown in a selected state */
    selected?: boolean;
    /** Size of the button. */
    size?: Exclude<typeof SIZES[number], 'tiny' | 'fullscreen' | 'smallest' | 'hero'>;
}
declare const Badge: GenericComponent<BadgeProps>;
export default Badge;
