import { ThemeColorVariables } from '@dreipol/t3-react-theme';
import { PropsWithChildren } from 'react';
export type IconSize = 'small' | 'medium' | 'large';
export type IconComponentProps = {
    /**
     * Custom icon size.
     * @example 'small' | 'medium' | 'large' | '18px'
     */
    size?: IconSize | string;
    /**
     * Custom color
     */
    color?: ThemeColorVariables | string;
    /**
     * Custom class name
     */
    className?: string;
};
export type IconProps = PropsWithChildren<IconComponentProps & {
    /**
     * Custom viewbox
     */
    viewBoxSize?: string;
}>;
export declare const Icon: ({ children, className, color, viewBoxSize, size }: IconProps) => import("react/jsx-runtime").JSX.Element;