import { IconShapeTuple } from '@cds/core/icon/interfaces/icon.interfaces';
import React, { DOMAttributes } from 'react';
type CustomElement<T> = Partial<T & DOMAttributes<T> & {
    children: any;
}>;
export interface CdsIconProps {
    shape: string;
    size: string | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
    direction: 'up' | 'down' | 'left' | 'right';
    flip: 'horizontal' | 'vertical';
    solid: boolean;
    status: 'info' | 'success' | 'warning' | 'danger';
    inverse: boolean;
    badge: 'info' | 'success' | 'warning' | 'danger';
}
declare module 'react' {
    namespace JSX {
        interface IntrinsicElements {
            ['cds-icon']: CustomElement<CdsIconProps>;
        }
    }
}
export declare function registerCdsIcon(icon: IconShapeTuple): void;
/**
 * @description
 * A React wrapper for the Clarity UI icon component.
 *
 * @example
 * ```ts
 * import { userIcon } from '@cds/core/icon';
 * import { CdsIcon } from '@vendure/admin-ui/react';
 *
 * registerCdsIcon(userIcon);
 * export function MyComponent() {
 *    return <CdsIcon icon={userIcon} badge="warning" solid size="lg"></CdsIcon>;
 * }
 * ```
 *
 * @docsCategory react-components
 */
export declare function CdsIcon(props: {
    icon: IconShapeTuple;
    className?: string;
} & Partial<CdsIconProps>): React.JSX.Element;
export {};