import { MouseEvent, ReactNode } from 'react';
export interface Props {
    'aria-describedby'?: string;
    'aria-label'?: string;
    'aria-labelledby'?: string;
    children?: ReactNode;
    className?: string;
    fill?: boolean;
    nodeType?: 'div' | 'li';
    onClick?: (event?: MouseEvent<HTMLElement>) => void;
    overrideClassName?: boolean;
    style?: object;
    wide?: boolean;
}
/**
 * Badge
 * @prop {string} [aria-describedby] aria-describedby attribute value
 * @prop {string} [aria-label] aria-label attribute value
 * @prop {string} [aria-labelledby] aria-labelledby attribute value
 * @prop {children} [children] Children
 * @prop {string} [className] CSS class attribute value to append to default value
 * @prop {boolean} [fill] Uses fill style if true
 * @prop {'div'|'li'} [nodeType='div'] Determines if badge is div or li element
 * @prop {(event?: MouseEvent<HTMLElement>) => void} [onClick] Function to run when click event is triggered
 * @prop {boolean} [overrideClassName] Override default class attribute values if true
 * @prop {object} [style] Style attribute value
 * @prop {boolean} [wide] Uses wide style if true
 */
declare const Badge: ({ "aria-describedby": ariaDescribedBy, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, fill, nodeType, onClick, overrideClassName, style, wide, }: Props) => JSX.Element;
export default Badge;