/**
 * Individual deep imports, never the barrel: Metro does not tree-shake, so one
 * `from "lucide-react"` puts all ~1650 icons in the app's bundle.
 *
 * The reference below is load-bearing, not tidiness: lucide ships these icon files
 * as JS with no `.d.ts`, so the ambient declaration beside this file is the only
 * thing that types them — and an ambient file joins a program only when the
 * program INCLUDES it, which a consumer's own `include` never does.
 */
import "./icon.css";
import type * as React from "react";
import { useRender } from "@base-ui/react/use-render";
import { type StyleProps } from "./style_props";
import { type InkColor } from "./text_ink";
declare const iconComponents: {
    readonly activity: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "align-center": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "align-left": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "align-right": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-down-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-down-wide-narrow": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-left": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-left-from-line": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-right": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-right-from-line": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-up-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-up-wide-narrow": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly ban: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly bell: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly bold: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly bolt: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "building-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "book-marked": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "book-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "book-text": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly bot: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly box: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly brain: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly brackets: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly calculator: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly calendar: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "calendar-clock": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "calendar-off": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly camera: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly check: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevron-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevron-left": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevron-right": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevron-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevrons-down-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "chevrons-up-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "circle-alert": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "circle-check": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "clipboard-list": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "triangle-alert": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly clock: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly code: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "code-xml": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "columns-3": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "columns-3-cog": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly construction: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly copy: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "credit-card": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly banknote: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "arrow-right-left": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "hand-coins": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly database: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly download: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly ellipsis: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly eraser: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly expand: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "external-link": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "library-big": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly eye: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "eye-off": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly file: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-text": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-csv": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-question": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-spreadsheet": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-stack": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "file-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly folder: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "folder-closed": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "folder-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "folder-pen": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly form: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "funnel-plus": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "funnel-x": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly gauge: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly gpu: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly globe: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "grip-vertical": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly group: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly heading: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "heading-1": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "heading-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "heading-3": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly history: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly house: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly image: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly inbox: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly info: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly italic: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly keyboard: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly languages: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "link-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "link-2-off": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "layout-dashboard": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "layout-grid": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly list: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "list-checks": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "list-ordered": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "list-collapse": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "list-filter": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "list-filter-plus": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly loader: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly lock: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "lock-keyhole": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "lock-keyhole-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "lock-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "log-in": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "log-out": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly mail: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "map-pin": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "maximize-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly megaphone: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly menu: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly facebook: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly instagram: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly linkedin: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "message-circle": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "message-circle-question-mark": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly twitter: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "message-square": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "messages-square": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly mic: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "minimize-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly minus: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly monitor: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly mouse: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "mouse-pointer-click": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly music: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly newspaper: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "notepad-text-dashed": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly package: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "paint-bucket": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly palette: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-left": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-left-close": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-left-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-right": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-right-close": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "panel-right-open": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly paperclip: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly pause: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly pencil: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly phone: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly pin: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "pin-off": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly play: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly plug: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly plus: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly receipt: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "rectangle-ellipsis": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly redo: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "refresh-cw": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly repeat: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "rotate-ccw": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "rotate-cw": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly scan: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly search: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly send: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly settings: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly share: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "share-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly shield: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "shield-alert": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "shield-check": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "shopping-cart": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "sliders-horizontal": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly sparkles: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly split: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly square: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "square-check": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "square-pen": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "square-sigma": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "sticky-note": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly container: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly table: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "table-2": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly tag: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "text-quote": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly target: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "thumbs-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "thumbs-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly trash: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly truck: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "trending-down": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "trending-up": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "tv-minimal": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly undo: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly underline: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly upload: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "user-check": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly "user-pen": React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly user: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly users: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly waypoints: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly workflow: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly x: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
    readonly zap: React.ComponentType<{
        size: number;
        color: string;
        fill?: string | undefined;
        strokeWidth?: number | undefined;
    }>;
};
export type IconName = keyof typeof iconComponents;
export interface IconProps extends StyleProps {
    name: IconName;
    size?: number;
    /** The glyph's ink ROLE. Left out, it takes the default ink. */
    color?: InkColor;
    testID?: string;
    ref?: React.Ref<HTMLElement>;
    render?: useRender.RenderProp;
}
export declare function Icon({ name, size, color, testID, render, ref, ...props }: IconProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
export {};