import { Colors } from '@codecademy/gamut-styles';
import { StyleProps } from '@codecademy/variance';
import { IconComponentType, WithChildrenProp } from '../utils';
declare const colorVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"variant", false | "primary" | "secondary" | "accent" | "tertiary" | "custom" | "tertiaryFill"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
declare const sizeVariants: (props: import("@codecademy/variance/dist/types/config").VariantProps<"size", false | "base" | "sm"> & {
    theme?: import("@emotion/react").Theme;
}) => import("@codecademy/variance").CSSObject;
declare const badgeProps: import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").Compose<[import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly p: {
        readonly property: "padding";
        readonly scale: "spacing";
    };
    readonly px: {
        readonly property: "padding";
        readonly properties: {
            readonly physical: readonly ["paddingLeft", "paddingRight"];
            readonly logical: readonly ["paddingInlineStart", "paddingInlineEnd"];
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly py: {
        readonly property: "padding";
        readonly properties: {
            readonly physical: readonly ["paddingTop", "paddingBottom"];
            readonly logical: readonly ["paddingBlockStart", "paddingBlockEnd"];
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pt: {
        readonly property: {
            readonly physical: "paddingTop";
            readonly logical: "paddingBlockStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pb: {
        readonly property: {
            readonly physical: "paddingBottom";
            readonly logical: "paddingBlockEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pr: {
        readonly property: {
            readonly physical: "paddingRight";
            readonly logical: "paddingInlineEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly pl: {
        readonly property: {
            readonly physical: "paddingLeft";
            readonly logical: "paddingInlineStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly m: {
        readonly property: "margin";
        readonly scale: "spacing";
    };
    readonly mx: {
        readonly property: "margin";
        readonly properties: {
            readonly physical: readonly ["marginLeft", "marginRight"];
            readonly logical: readonly ["marginInlineStart", "marginInlineEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "spacing";
    };
    readonly my: {
        readonly property: "margin";
        readonly properties: {
            readonly physical: readonly ["marginTop", "marginBottom"];
            readonly logical: readonly ["marginBlockStart", "marginBlockEnd"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "spacing";
    };
    readonly mt: {
        readonly property: {
            readonly physical: "marginTop";
            readonly logical: "marginBlockStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly mb: {
        readonly property: {
            readonly physical: "marginBottom";
            readonly logical: "marginBlockEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly mr: {
        readonly property: {
            readonly physical: "marginRight";
            readonly logical: "marginInlineEnd";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly ml: {
        readonly property: {
            readonly physical: "marginLeft";
            readonly logical: "marginInlineStart";
        };
        readonly scale: "spacing";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly flexBasis: {
        readonly property: "flexBasis";
    };
    readonly flexShrink: {
        readonly property: "flexShrink";
    };
    readonly flexGrow: {
        readonly property: "flexGrow";
    };
    readonly order: {
        readonly property: "order";
    };
    readonly gridColumn: {
        readonly property: "gridColumn";
    };
    readonly gridRow: {
        readonly property: "gridRow";
    };
    readonly gridColumnStart: {
        readonly property: "gridColumnStart";
    };
    readonly gridRowStart: {
        readonly property: "gridRowStart";
    };
    readonly gridColumnEnd: {
        readonly property: "gridColumnEnd";
    };
    readonly gridRowEnd: {
        readonly property: "gridRowEnd";
    };
    readonly justifySelf: {
        readonly property: "justifySelf";
    };
    readonly alignSelf: {
        readonly property: "alignSelf";
    };
    readonly gridArea: {
        readonly property: "gridArea";
    };
    readonly containerType: {
        readonly property: "containerType";
    };
    readonly display: {
        readonly property: "display";
    };
    readonly overflow: {
        readonly property: "overflow";
    };
    readonly overflowX: {
        readonly property: {
            readonly physical: "overflowX";
            readonly logical: "overflowInline";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly overflowY: {
        readonly property: {
            readonly physical: "overflowY";
            readonly logical: "overflowBlock";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
    };
    readonly dimensions: {
        readonly property: "width";
        readonly properties: {
            readonly physical: readonly ["width", "height"];
            readonly logical: readonly ["inlineSize", "blockSize"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly width: {
        readonly property: {
            readonly physical: "width";
            readonly logical: "inlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly minWidth: {
        readonly property: {
            readonly physical: "minWidth";
            readonly logical: "minInlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly maxWidth: {
        readonly property: {
            readonly physical: "maxWidth";
            readonly logical: "maxInlineSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly height: {
        readonly property: {
            readonly physical: "height";
            readonly logical: "blockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly minHeight: {
        readonly property: {
            readonly physical: "minHeight";
            readonly logical: "minBlockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly maxHeight: {
        readonly property: {
            readonly physical: "maxHeight";
            readonly logical: "maxBlockSize";
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly transform: (value: string | number) => string | 0;
    };
    readonly verticalAlign: {
        readonly property: "verticalAlign";
    };
    readonly direction: {
        readonly property: "direction";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly fontFamily: {
        readonly property: "fontFamily";
        readonly scale: "fontFamily";
    };
    readonly fontWeight: {
        readonly property: "fontWeight";
        readonly scale: "fontWeight";
    };
    readonly lineHeight: {
        readonly property: "lineHeight";
        readonly scale: "lineHeight";
    };
    readonly fontSize: {
        readonly property: "fontSize";
        readonly scale: "fontSize";
    };
    readonly letterSpacing: {
        readonly property: "letterSpacing";
    };
    readonly textAlign: {
        readonly property: "textAlign";
    };
    readonly fontStyle: {
        readonly property: "fontStyle";
    };
    readonly textDecoration: {
        readonly property: "textDecoration";
    };
    readonly textTransform: {
        readonly property: "textTransform";
    };
    readonly whiteSpace: {
        readonly property: "whiteSpace";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly background: {
        readonly property: "background";
    };
    readonly backgroundImage: {
        readonly property: "backgroundImage";
    };
    readonly backgroundSize: {
        readonly property: "backgroundSize";
    };
    readonly backgroundRepeat: {
        readonly property: "backgroundRepeat";
    };
    readonly backgroundPosition: {
        readonly property: "backgroundPosition";
    };
}>>, import("@codecademy/variance/dist/types/config").Parser<import("@codecademy/variance/dist/types/config").TransformerMap<{
    readonly color: {
        readonly property: "color";
        readonly scale: "colors";
    };
    readonly textColor: {
        readonly property: "color";
        readonly scale: "colors";
    };
    readonly bg: {
        readonly property: "backgroundColor";
        readonly scale: "colors";
    };
    readonly borderColor: {
        readonly property: "borderColor";
        readonly scale: "colors";
    };
    readonly borderColorX: {
        readonly property: "borderColor";
        readonly properties: {
            readonly physical: readonly ["borderLeftColor", "borderRightColor"];
            readonly logical: readonly ["borderInlineStartColor", "borderInlineEndColor"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorY: {
        readonly property: "borderColor";
        readonly properties: {
            readonly physical: readonly ["borderTopColor", "borderBottomColor"];
            readonly logical: readonly ["borderBlockStartColor", "borderBlockEndColor"];
        };
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorLeft: {
        readonly property: "borderLeftColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorRight: {
        readonly property: "borderRightColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorTop: {
        readonly property: "borderTopColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
    readonly borderColorBottom: {
        readonly property: "borderBottomColor";
        readonly resolveProperty: (useLogicalProperties: boolean) => import("@codecademy/variance/dist/types/properties").PropertyMode;
        readonly scale: "colors";
    };
}>>]>>;
type StandardBadgeProps = {
    background?: never;
    bg?: never;
    variant?: 'primary' | 'secondary' | 'tertiary' | 'tertiaryFill' | 'accent';
};
type CustomBadgeBackgroundProps = {
    background: string;
    bg?: never;
    variant: 'custom';
};
type CustomBadgeBgProps = {
    background?: never;
    bg: Colors;
    variant: 'custom';
};
type BadgeBgPropsType = StandardBadgeProps | CustomBadgeBackgroundProps | CustomBadgeBgProps;
export type BadgeBaseProps = StyleProps<typeof badgeProps> & StyleProps<typeof colorVariants> & StyleProps<typeof sizeVariants> & BadgeBgPropsType & WithChildrenProp;
export type BadgeProps = Partial<IconComponentType> & BadgeBaseProps;
export declare const Badge: React.FC<BadgeProps>;
export {};