import * as React from 'react';
import { SvgIconProps } from '@mui/material';
import { IconId } from './icons';
export { IconId } from './icons';
export declare const iconSizes: {
    readonly XXS: 12;
    readonly XS: 16;
    readonly S: 20;
    readonly M: 24;
    readonly L: 40;
    readonly XL: 48;
    readonly XXL: 72;
};
export declare const iconSizeNames: (keyof typeof iconSizes)[];
export type IconSize = (typeof iconSizeNames)[number];
export type IconProps = Pick<SvgIconProps, 'sx'> & {
    /**
     * The ID of the icon to display.
     */
    id: IconId;
    /**
     * The size of the icon to display.
     */
    size?: IconSize;
    /**
     * Classes of this icon
     */
    className?: string;
};
/**
 * A component that displays an icon.
 * By default, this components renders the icon with the `currentColor` fill.
 * It can be customized with a CSS style.
 */
declare const Icon: React.ForwardRefExoticComponent<Pick<SvgIconProps, "sx"> & {
    /**
     * The ID of the icon to display.
     */
    id: IconId;
    /**
     * The size of the icon to display.
     */
    size?: IconSize;
    /**
     * Classes of this icon
     */
    className?: string;
} & React.RefAttributes<SVGSVGElement>>;
export default Icon;
