import React from "react";
import "./css/icon.css";
export type FinsembleIconType = "alwaysOnTop" | "cancel" | "caret" | "check-square" | "check" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "close" | "code-block" | "copy" | "documentation" | "exclamation-circle" | "external-link" | "flag" | "folder" | "font" | "gear" | "globe" | "grid" | "hdd" | "key" | "life-ring" | "linker" | "lock" | "magic" | "maximize" | "minimize" | "moon" | "paint-roller" | "pause" | "pencil" | "plus" | "resume" | "search" | "server" | "sun" | "times" | "toolbar" | "tools" | "trash" | "upload" | "window";
export type FinsembleIconProps = {
    icon: FinsembleIconType;
    className?: string;
    onClick?: (e: React.MouseEvent) => void;
    label?: string;
};
/**
 * Wrapper for the SVG-based icons. The wrapper ensures that icons are handled consistently.
 *
 * @param param
 * @param param.icon - The name of the icon to display
 * @param [param.onClick] - The click action for this icon
 * @param [param.className] - Any other classes you want to apply to the icon
 * @param [param.label] - (Accessibility) The label you want to apply for screen reader users. Always include a label UNLESS the icon is decorative.
 * @returns Wrapped icon component
 */
export declare const FinsembleIcon: ({ icon, onClick, className, label }: FinsembleIconProps) => React.JSX.Element;
//# sourceMappingURL=FinsembleIcon.d.ts.map