import { JSX } from 'react';
import * as styles from './Icon.css';
import type { RecipeVariants } from '@vanilla-extract/recipes';
export declare const icons: Set<"columns" | "copy" | "help" | "table" | "hide" | "show" | "circle" | "split" | "link" | "strike" | "add-plus-circle" | "add-plus" | "arrow-circle-left" | "arrow-down-lg" | "arrow-down-md" | "arrow-down-up" | "arrow-left-md" | "arrow-right-md" | "arrow-undo-up-left" | "arrow-up-lg" | "arrow-up-md" | "bell" | "calendar" | "check" | "check-md" | "chevron-down-lg" | "chevron-down-sm" | "chevron-left-lg" | "chevron-left-sm" | "chevron-right-lg" | "chevron-right-sm" | "chevron-up-lg" | "chevron-up-sm" | "circle-check" | "clock" | "close-sm" | "close-md" | "credit-card" | "download" | "drag-vertical" | "external-link" | "horizontal-line" | "info" | "loader-spinner" | "magnifying-glass" | "more-horizontal" | "plug-connected" | "processing" | "reload" | "settings" | "star" | "warning" | "trash-empty-md" | "trash-empty-sm" | "trash-full-md" | "trash-full-sm" | "exclamation-circle-md" | "exclamation-circle-sm" | "edit-pencil-md" | "edit-pencil-sm" | "close-circle" | "shield-check" | "home" | "bar-chart" | "arrow-left-right" | "flow-routing" | "users" | "file-document-content" | "buildings" | "panel-left" | "more-squares" | "activity" | "unfold-more">;
export type IconName = typeof icons extends Set<infer T> ? T : never;
export declare function isIconName(value: unknown): value is IconName;
export type IconProps = RecipeVariants<typeof styles.icon> & JSX.IntrinsicElements['svg'] & {
    name: IconName;
};
export declare const Icon: import("react").ForwardRefExoticComponent<Omit<IconProps, "ref"> & import("react").RefAttributes<SVGSVGElement>>;