import React from 'react';
export declare const iconSources: {
    generic: {
        'arrow-right': typeof import("./Generics").ArrowRight;
        'arrow-down': typeof import("./Generics").ArrowDown;
        'resource-select': typeof import("./Generics").ResourceSelect;
        selected: typeof import("./Generics").Selected;
        root: typeof import("./Generics").Root;
        close: typeof import("./Generics").Close;
        error: typeof import("./Generics").Error;
        retry: typeof import("./Generics").Retry;
        empty: typeof import("./Generics").Empty;
        back: typeof import("./Generics").Back;
    };
    matrix: {
        audio_file: typeof import("./MatrixResources").Audio;
        content_template: typeof import("./MatrixResources").ContentTemplate;
        excel_doc: typeof import("./MatrixResources").Excel;
        folder: typeof import("./MatrixResources").Folder;
        generic_file: typeof import("./MatrixResources").GenericFile;
        image: typeof import("./MatrixResources").Image;
        page_content: typeof import("./MatrixResources").PageContent;
        page_standard: typeof import("./MatrixResources").Page;
        pdf_file: typeof import("./MatrixResources").Pdf;
        powerpoint_doc: typeof import("./MatrixResources").Powerpoint;
        site: typeof import("./MatrixResources").Site;
        video_file: typeof import("./MatrixResources").Video;
        word_doc: typeof import("./MatrixResources").Word;
    };
    component: never[];
};
export type ResourceSources = keyof typeof iconSources;
export type IconOptions = string;
/**
 * Renders an icon based on the resource source and the icon name
 * @param {{resourceSource?: ResourceSources; icon?: IconOptions; props: React.HTMLAttributes<HTMLOrSVGElement>}} props - The props for the Icon component
 * @returns {React.FunctionComponent} - The icon component
 * @example
 * <Icon />
 * @example
 * <Icon resourceSource="generic" icon="generic_file" />
 * @example
 * <Icon resourceSource="matrix" icon="page" />
 * @example
 * <Icon resourceSource="matrix" icon="page" height={24} width={24} />
 * @example
 * <Icon resourceSource="matrix" icon="page" className="custom-class" />
 */
export declare function Icon({ resourceSource, icon, componentIcon, isDecorative, ...props }: {
    icon?: IconOptions;
    resourceSource?: ResourceSources;
    isDecorative?: boolean;
    componentIcon?: React.ReactNode | undefined;
} & React.HTMLAttributes<HTMLElement> & React.SVGAttributes<SVGElement>): React.JSX.Element;