import * as React from 'react';
import { Icon } from '../../components/icon/Icon';
import { colorSchemes as badgeColorSchemes } from './Badge.colorscheme.config';
import { BadgeText } from './BadgeText';
declare const StyledBadge: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "size" | "emphasis" | "isClickable" | "highlighted"> & {
    emphasis?: ("bold" | "white" | "subtle" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "white" | "subtle">>) | undefined;
    size?: ("sm" | "md" | "xs" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "xs">>) | undefined;
    isClickable?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
    highlighted?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
} & {
    as?: React.ElementType;
}>;
export type TBadgeProps = React.ComponentProps<typeof StyledBadge> & {
    theme?: keyof typeof badgeColorSchemes;
    overflow?: React.ComponentProps<typeof BadgeText>['overflow'];
};
export declare const Badge: React.ForwardRefExoticComponent<Omit<TBadgeProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
    Icon: (props: React.ComponentProps<typeof Icon>) => React.JSX.Element;
    Text: ({ children, ...rest }: Omit<Omit<Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "size" | "noCapsize" | "weight" | "family"> & {
        size?: ("sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "sm" | "md" | "lg" | "xs" | "xl" | "2xl" | "3xl" | "4xl">>) | undefined;
        noCapsize?: (boolean | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", boolean>>) | undefined;
        weight?: ("bold" | "normal" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "bold" | "normal">>) | undefined;
        family?: ("display" | "body" | "mono" | Partial<Record<"@initial" | "@sm" | "@md" | "@lg" | "@xl", "display" | "body" | "mono">>) | undefined;
    } & {
        as?: React.ElementType;
    }, "as"> & {
        as?: "blockquote" | "caption" | "dd" | "dt" | "figcaption" | "li" | "p" | "span" | "legend" | React.ComponentType | React.ElementType;
    }, "ref"> & React.RefAttributes<HTMLParagraphElement>, "overflow"> & {
        overflow?: "wrap" | "ellipsis" | undefined;
    } & {
        as?: React.ElementType;
    }) => React.JSX.Element;
};
export {};