import React from 'react';
import { DefaultProps, FlowindColor, FlowindSize, Selectors } from '../../styles';
import useStyles, { BadgeStylesParams, BadgeVariant } from './badge.styles';
export type BadgeStylesNames = Selectors<typeof useStyles>;
export interface BadgeProps extends DefaultProps<BadgeStylesNames, BadgeStylesParams> {
    /** Key of theme.colors */
    color?: FlowindColor;
    /** Controls appearance */
    variant?: BadgeVariant;
    /** Badge height and font size */
    size?: FlowindSize;
    /** Key of theme.radius or any valid CSS value to set border-radius, "xl" by default */
    radius?: FlowindSize;
    /** Sets badge width to 100% of parent element, hides overflow text with text-overflow: ellipsis */
    fullWidth?: boolean;
    /** Section rendered on the left side of label */
    leftSection?: React.ReactNode;
    /** Section rendered on the right side of label */
    rightSection?: React.ReactNode;
    /** Badge label */
    children?: React.ReactNode;
}
export declare const _Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
export declare const Badge: (<C = "div">(props: import("../../utils/create-polymorphic-component").PolymorphicComponentProps<C, BadgeProps>) => React.ReactElement<any, string | React.JSXElementConstructor<any>>) & Omit<React.FunctionComponent<(BadgeProps & {
    component?: any;
} & Omit<Omit<any, "ref">, "component" | keyof BadgeProps> & {
    ref?: any;
}) | (BadgeProps & {
    component?: React.ElementType<any, keyof React.JSX.IntrinsicElements>;
})>, never> & Record<string, never>;