import "./dynamic_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"; interface DynamicIconProps extends StyleProps { /** Any Lucide icon name (kebab-case). Unknown names render a blank placeholder. */ name: string; size?: number; /** The glyph's ink ROLE. Left out, it takes the default ink. */ color?: InkColor; testID?: string; ref?: React.Ref; render?: useRender.RenderProp; } /** * Renders any icon from the FULL Lucide library by runtime name. lucide-react's * lazy `DynamicIcon` code-splits per icon, so only icons actually shown are * fetched — the full set costs ~nothing in the initial bundle. * * Icons are decorative — the enclosing control carries the accessible name * (matches `Icon`). */ export declare function DynamicIcon({ name, size, color, testID, render, ref, ...props }: DynamicIconProps): React.ReactElement>; export {};