import type { ForgeIcon, ForgeIconProps } from '@cdx-ui/icons';
export type IconProps = ForgeIconProps & {
    className?: string;
    as: ForgeIcon;
};
/**
 * A wrapper component for CDX icons with Uniwind `className` support via `withUniwind`.
 *
 * This component allows you to render any CDX icon while applying utility classes
 * using `uniwind`. It avoids the need to wrap or configure each icon individually.
 *
 * @component
 * @example
 * ```tsx
 * import { Icon } from '@cdx-ui/components';
 * import { ArrowRight } from '@cdx-ui/icons';
 *
 * <Icon as={ArrowRight} className="text-red-500 size-4" />
 * ```
 *
 * @param {ForgeIcon} as - The Forge icon component to render.
 * @param {string} className - Utility classes to style the icon using Uniwind.
 * @param {number} size - Icon size (overrides the size class).
 * @param {...ForgeIconProps} ...props - Additional icon props passed to the "as" icon.
 */
export declare function Icon({ as: IconComponent, className, ...props }: IconProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=index.d.ts.map