import * as React from "react";
import { CssPropColor } from "@stenajs-webui/theme";
import { IconProps } from "./Icon";
import { MediumIcon, XlIcon } from "../../../icons/IconSizes";
export type CircledIconSizeVariant = CircledIconSizeStandardVariant | CircledIconSizeXlVariant;
export type CircledIconSizeStandardVariant = "medium" | "small" | "large";
export type CircledIconSizeXlVariant = "xl";
export type CircledIconVariant = "normal" | "whiteBg";
export type CircledIconProps = CircledIconNormalProps | CircledIconXlProps;
export interface CircledIconCommonProps extends Omit<IconProps, "size" | "color" | "icon"> {
    backgroundColor?: CssPropColor;
    iconColor?: CssPropColor;
    variant?: CircledIconVariant;
}
export interface CircledIconNormalProps extends CircledIconCommonProps {
    size?: CircledIconSizeStandardVariant;
    icon: MediumIcon;
}
export interface CircledIconXlProps extends CircledIconCommonProps {
    size: CircledIconSizeXlVariant;
    icon: XlIcon;
}
export declare const CircledIcon: React.FC<CircledIconProps>;