export declare const BadgeDefault: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>))>;
export declare const BadgeClear: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>))>;
export declare const BadgeTransparent: import("react").FunctionComponent<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>))>;
export declare const Badge: import("react").ForwardRefExoticComponent<(((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance">) & {
    appearance?: "default";
}) | ((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    transparent: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    clear: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance">) & {
    appearance: "transparent";
}) | ((Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: import("react").ReactNode;
    contentRight?: never;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance"> | Omit<Omit<import("../../../engines/types").PropsType<{
    view: {
        default: import("styled-components").FlattenSimpleInterpolation;
        accent: import("styled-components").FlattenSimpleInterpolation;
        positive: import("styled-components").FlattenSimpleInterpolation;
        warning: import("styled-components").FlattenSimpleInterpolation;
        negative: import("styled-components").FlattenSimpleInterpolation;
        dark: import("styled-components").FlattenSimpleInterpolation;
        light: import("styled-components").FlattenSimpleInterpolation;
    };
    size: {
        l: import("styled-components").FlattenSimpleInterpolation;
        m: import("styled-components").FlattenSimpleInterpolation;
        s: import("styled-components").FlattenSimpleInterpolation;
        xs: import("styled-components").FlattenSimpleInterpolation;
    };
    pilled: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
    truncate: {
        true: import("styled-components").FlattenSimpleInterpolation;
    };
}> & import("react").HTMLAttributes<HTMLDivElement> & {
    text?: string;
    customColor?: string;
    customBackgroundColor?: string;
    maxWidth?: import("react").CSSProperties["width"];
    pilled?: boolean;
    size?: string;
    view?: string;
    appearance?: "default" | "transparent" | "clear";
    clear?: boolean;
    transparent?: boolean;
} & {
    contentLeft?: never;
    contentRight?: import("react").ReactNode;
} & import("react").RefAttributes<HTMLDivElement>, "ref">, "appearance">) & {
    appearance: "clear";
})) & import("react").RefAttributes<HTMLDivElement>>;
//# sourceMappingURL=Badge.d.ts.map