/// <reference types="react" />
import type { MantineSize } from "@mantine/styles";
type BadgeColor = "brand" | "gray";
export declare const Badge: import("@emotion/styled").StyledComponent<{
    theme?: import("@emotion/react").Theme | undefined;
    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
} & {
    color: BadgeColor;
    uppercase?: boolean | undefined;
    px?: MantineSize | undefined;
    py?: MantineSize | undefined;
    fz?: MantineSize | undefined;
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
export {};
