import { BackgroundShape, BackgroundType } from "../@types/background.js";
import { IconType } from "../@types/icon.js";
import { ThemeColor } from "../@types/themeColors.js";
/**
 * @internal
 */
export interface UiIconProps {
    type: IconType;
    color?: ThemeColor | "currentColor";
    label?: string;
    size?: number;
    ariaHidden?: boolean;
    backgroundSize?: number;
    backgroundColor?: ThemeColor;
    backgroundType?: BackgroundType;
    backgroundShape?: BackgroundShape;
    /**
     * SVGs are inline by default. The icon can be set to block to behave better in flex layouts and similar.
     * @defaultValue "inline"
     */
    layout?: "block" | "inline";
}
/**
 * @internal
 */
export declare function UiIcon({ type, label, color, layout, ariaHidden, size, backgroundSize, backgroundColor, backgroundType, backgroundShape, }: UiIconProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=UiIcon.d.ts.map