import { Theme } from "@emotion/react";
import { ReactNode } from "react";
import { SystemColorNames } from "./system/types";
export declare type IconProps = {
    children?: ReactNode;
    color?: keyof Theme["colors"];
    size?: "auto" | "small" | "large";
    badge?: {
        tone: SystemColorNames;
        count: number;
    };
};
export declare const Icon: ({ children, color, size, badge, }: IconProps) => import("@emotion/react/jsx-runtime").JSX.Element;