@dnb/eufemia
Version:
DNB Eufemia Design System UI Library
518 lines (517 loc) • 27 kB
TypeScript
import type { HTMLProps, JSX, ReactElement, SVGProps } from 'react';
import type { ContextProps } from '../../shared/Context';
import type { SpacingProps } from '../../shared/types';
import type { SkeletonShow } from '../Skeleton';
import type { FormStatusIcon } from '../FormStatus';
export declare const DefaultIconSize = 16;
export declare const DefaultIconSizes: {
readonly default: 16;
readonly medium: 24;
};
export declare const ListDefaultIconSizes: Array<[
ValidIconType,
ValidIconNumericSize
]>;
export declare const ValidIconType: readonly ["small", "default", "medium", "large", "x-large", "xx-large"];
export type DefaultIconSizes = typeof DefaultIconSizes;
export type ValidIconType = (typeof ValidIconType)[number];
export type ValidIconNumericSize = DefaultIconSizes[keyof DefaultIconSizes];
export type IconSVGProps = SVGProps<SVGSVGElement> & {
title?: string;
};
export type IconFunction = (props?: IconSVGProps) => JSX.Element;
/** For internal usage */
type IconType = string | ReactElement<SVGElement> | IconFunction | false;
/** For external usage */
export type IconIcon = IconType | FormStatusIcon | IconFunction;
export type IconSize = ValidIconNumericSize | `${ValidIconNumericSize | number}` | ValidIconType | 'auto' | 'basis';
export type IconColor = string | number | {
[key: string]: string | number;
};
export type IconProps = {
/**
* A React SVG Component.
*/
icon?: IconIcon;
/**
* The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`, `medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.
*/
size?: IconSize;
/**
* The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href="/uilib/usage/customisation/colors">colors table</a>, e.g. `var(--color-ocean-green)`. Default: `--color-black-80`.
*/
color?: IconColor;
/**
* Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
*/
inheritColor?: boolean;
/**
* The alternative label (text version) of the icon. Defaults to the imported icon name.
*/
alt?: string;
/**
* Use a title to provide extra information about the icon used.
*/
title?: string;
/**
* If set to `true`, an overlaying skeleton with animation will be shown.
*/
skeleton?: SkeletonShow;
/**
* Modifier class to define. Will result in: `dnb-icon--${modifier}`.
*/
modifier?: string;
/**
* If set to `true`, the icon paths will be filled with `currentColor`.
*/
fill?: boolean;
border?: boolean;
width?: `${IconSize}` | `${number}%` | number;
height?: `${IconSize}` | `${number}%` | number;
children?: IconIcon;
};
export type IconAllProps = IconProps & SpacingProps & Omit<HTMLProps<HTMLElement>, 'size' | 'children'>;
export default function Icon(localProps: IconAllProps): import("react/jsx-runtime").JSX.Element;
export declare function getIconNameFromComponent(icon: IconProps['icon']): string;
export declare function calcSize(props: IconProps): {
iconParams: {
height?: IconProps["height"];
width?: IconProps["width"];
color?: IconProps["color"];
};
sizeAsInt: -1 | ValidIconNumericSize;
sizeAsString: any;
};
export declare function prepareIcon(props: IconAllProps, context: ContextProps, cachedValues?: {
sizeAsString?: string;
iconParams?: Record<string, unknown>;
label?: string;
}): {
icon: any;
alt: string;
iconParams: Record<string, unknown> | {
height?: IconProps["height"];
width?: IconProps["width"];
color?: IconProps["color"];
};
wrapperParams: Record<string, any>;
/**
* The dimension of the icon. This will be the `viewBox` and represent `width` and `height`. Defaults to `16`. You can use `small`, `medium`, `large` or `auto`. Auto will enable that the icon size gets inherited by the parent HTML element if it provides a `font-size`.
*/
size?: IconSize;
/**
* The color can be any valid color property, such as Hex, RGB or preferable – any CSS variable from the <a href="/uilib/usage/customisation/colors">colors table</a>, e.g. `var(--color-ocean-green)`. Default: `--color-black-80`.
*/
color?: IconColor & string;
/**
* Defaults to `true`. Set to `false` if you do not want to inherit the color by `currentColor`.
*/
inheritColor?: boolean;
/**
* Use a title to provide extra information about the icon used.
*/
title?: string;
/**
* If set to `true`, an overlaying skeleton with animation will be shown.
*/
skeleton?: SkeletonShow;
/**
* Modifier class to define. Will result in: `dnb-icon--${modifier}`.
*/
modifier?: string;
/**
* If set to `true`, the icon paths will be filled with `currentColor`.
*/
fill?: boolean;
border?: boolean;
width?: `${IconSize}` | `${number}%` | number;
height?: `${IconSize}` | `${number}%` | number;
children?: IconIcon;
top?: import("../space/types").SpaceType;
right?: import("../space/types").SpaceType;
bottom?: import("../space/types").SpaceType;
left?: import("../space/types").SpaceType;
space?: import("../space/types").SpaceTypeAll | import("../space/types").SpaceTypeMedia;
innerSpace?: import("../space/types").SpaceTypeAll | import("../space/types").SpaceTypeMedia;
type?: string | undefined;
src?: string | undefined;
id?: string | undefined;
value?: string | readonly string[] | number | undefined;
default?: boolean | undefined;
action?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
selected?: boolean | undefined;
form?: string | undefined;
cite?: string | undefined;
data?: string | undefined;
label?: string | undefined;
slot?: string | undefined;
span?: number | undefined;
style?: import("react").CSSProperties | undefined;
summary?: string | undefined;
async?: boolean | undefined;
pattern?: string | undefined;
dir?: string | undefined;
role?: import("react").AriaRole | undefined;
"aria-hidden"?: (boolean | "true" | "false") | undefined;
accessKey?: string | undefined;
key?: import("react").Key | null | undefined;
"aria-labelledby"?: string | undefined;
"aria-describedby"?: string | undefined;
disabled?: boolean | undefined;
"aria-disabled"?: (boolean | "true" | "false") | undefined;
ref?: import("react").Ref<HTMLElement>;
min?: number | string | undefined;
max?: number | string | undefined;
media?: string | undefined;
target?: string | undefined;
start?: number | undefined;
hidden?: boolean | undefined;
content?: string | undefined;
wrap?: string | undefined;
open?: boolean | undefined;
multiple?: boolean | undefined;
defaultChecked?: boolean | undefined;
defaultValue?: string | number | readonly string[] | undefined;
suppressContentEditableWarning?: boolean | undefined;
suppressHydrationWarning?: boolean | undefined;
autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
autoFocus?: boolean | undefined;
className?: string | undefined;
contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
contextMenu?: string | undefined;
draggable?: (boolean | "true" | "false") | undefined;
enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
lang?: string | undefined;
nonce?: string | undefined;
spellCheck?: (boolean | "true" | "false") | undefined;
tabIndex?: number | undefined;
translate?: "yes" | "no" | undefined;
radioGroup?: string | undefined;
about?: string | undefined;
datatype?: string | undefined;
inlist?: any;
prefix?: string | undefined;
property?: string | undefined;
rel?: string | undefined;
resource?: string | undefined;
rev?: string | undefined;
typeof?: string | undefined;
vocab?: string | undefined;
autoCorrect?: string | undefined;
autoSave?: string | undefined;
itemProp?: string | undefined;
itemScope?: boolean | undefined;
itemType?: string | undefined;
itemID?: string | undefined;
itemRef?: string | undefined;
results?: number | undefined;
security?: string | undefined;
unselectable?: "on" | "off" | undefined;
popover?: "" | "auto" | "manual" | "hint" | undefined;
popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
popoverTarget?: string | undefined;
inert?: boolean | undefined;
inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
is?: string | undefined;
exportparts?: string | undefined;
part?: string | undefined;
"aria-activedescendant"?: string | undefined;
"aria-atomic"?: (boolean | "true" | "false") | undefined;
"aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
"aria-braillelabel"?: string | undefined;
"aria-brailleroledescription"?: string | undefined;
"aria-busy"?: (boolean | "true" | "false") | undefined;
"aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
"aria-colcount"?: number | undefined;
"aria-colindex"?: number | undefined;
"aria-colindextext"?: string | undefined;
"aria-colspan"?: number | undefined;
"aria-controls"?: string | undefined;
"aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
"aria-description"?: string | undefined;
"aria-details"?: string | undefined;
"aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
"aria-errormessage"?: string | undefined;
"aria-expanded"?: (boolean | "true" | "false") | undefined;
"aria-flowto"?: string | undefined;
"aria-grabbed"?: (boolean | "true" | "false") | undefined;
"aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
"aria-keyshortcuts"?: string | undefined;
"aria-label"?: string | undefined;
"aria-level"?: number | undefined;
"aria-live"?: "off" | "assertive" | "polite" | undefined;
"aria-modal"?: (boolean | "true" | "false") | undefined;
"aria-multiline"?: (boolean | "true" | "false") | undefined;
"aria-multiselectable"?: (boolean | "true" | "false") | undefined;
"aria-orientation"?: "horizontal" | "vertical" | undefined;
"aria-owns"?: string | undefined;
"aria-placeholder"?: string | undefined;
"aria-posinset"?: number | undefined;
"aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
"aria-readonly"?: (boolean | "true" | "false") | undefined;
"aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
"aria-required"?: (boolean | "true" | "false") | undefined;
"aria-roledescription"?: string | undefined;
"aria-rowcount"?: number | undefined;
"aria-rowindex"?: number | undefined;
"aria-rowindextext"?: string | undefined;
"aria-rowspan"?: number | undefined;
"aria-selected"?: (boolean | "true" | "false") | undefined;
"aria-setsize"?: number | undefined;
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
"aria-valuemax"?: number | undefined;
"aria-valuemin"?: number | undefined;
"aria-valuenow"?: number | undefined;
"aria-valuetext"?: string | undefined;
dangerouslySetInnerHTML?: {
__html: string | TrustedHTML;
} | undefined;
onCopy?: import("react").ClipboardEventHandler<HTMLElement>;
onCopyCapture?: import("react").ClipboardEventHandler<HTMLElement>;
onCut?: import("react").ClipboardEventHandler<HTMLElement>;
onCutCapture?: import("react").ClipboardEventHandler<HTMLElement>;
onPaste?: import("react").ClipboardEventHandler<HTMLElement>;
onPasteCapture?: import("react").ClipboardEventHandler<HTMLElement>;
onCompositionEnd?: import("react").CompositionEventHandler<HTMLElement>;
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLElement>;
onCompositionStart?: import("react").CompositionEventHandler<HTMLElement>;
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLElement>;
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLElement>;
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLElement>;
onFocus?: import("react").FocusEventHandler<HTMLElement>;
onFocusCapture?: import("react").FocusEventHandler<HTMLElement>;
onBlur?: import("react").FocusEventHandler<HTMLElement>;
onBlurCapture?: import("react").FocusEventHandler<HTMLElement>;
onChange?: import("react").ChangeEventHandler<HTMLElement, Element>;
onChangeCapture?: import("react").ChangeEventHandler<HTMLElement, Element>;
onBeforeInput?: import("react").InputEventHandler<HTMLElement>;
onBeforeInputCapture?: import("react").InputEventHandler<HTMLElement>;
onInput?: import("react").InputEventHandler<HTMLElement>;
onInputCapture?: import("react").InputEventHandler<HTMLElement>;
onReset?: import("react").ReactEventHandler<HTMLElement>;
onResetCapture?: import("react").ReactEventHandler<HTMLElement>;
onSubmit?: import("react").SubmitEventHandler<HTMLElement>;
onSubmitCapture?: import("react").SubmitEventHandler<HTMLElement>;
onInvalid?: import("react").ReactEventHandler<HTMLElement>;
onInvalidCapture?: import("react").ReactEventHandler<HTMLElement>;
onLoad?: import("react").ReactEventHandler<HTMLElement>;
onLoadCapture?: import("react").ReactEventHandler<HTMLElement>;
onError?: import("react").ReactEventHandler<HTMLElement>;
onErrorCapture?: import("react").ReactEventHandler<HTMLElement>;
onKeyDown?: import("react").KeyboardEventHandler<HTMLElement>;
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLElement>;
onKeyPress?: import("react").KeyboardEventHandler<HTMLElement>;
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLElement>;
onKeyUp?: import("react").KeyboardEventHandler<HTMLElement>;
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLElement>;
onAbort?: import("react").ReactEventHandler<HTMLElement>;
onAbortCapture?: import("react").ReactEventHandler<HTMLElement>;
onCanPlay?: import("react").ReactEventHandler<HTMLElement>;
onCanPlayCapture?: import("react").ReactEventHandler<HTMLElement>;
onCanPlayThrough?: import("react").ReactEventHandler<HTMLElement>;
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLElement>;
onDurationChange?: import("react").ReactEventHandler<HTMLElement>;
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLElement>;
onEmptied?: import("react").ReactEventHandler<HTMLElement>;
onEmptiedCapture?: import("react").ReactEventHandler<HTMLElement>;
onEncrypted?: import("react").ReactEventHandler<HTMLElement>;
onEncryptedCapture?: import("react").ReactEventHandler<HTMLElement>;
onEnded?: import("react").ReactEventHandler<HTMLElement>;
onEndedCapture?: import("react").ReactEventHandler<HTMLElement>;
onLoadedData?: import("react").ReactEventHandler<HTMLElement>;
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLElement>;
onLoadedMetadata?: import("react").ReactEventHandler<HTMLElement>;
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLElement>;
onLoadStart?: import("react").ReactEventHandler<HTMLElement>;
onLoadStartCapture?: import("react").ReactEventHandler<HTMLElement>;
onPause?: import("react").ReactEventHandler<HTMLElement>;
onPauseCapture?: import("react").ReactEventHandler<HTMLElement>;
onPlay?: import("react").ReactEventHandler<HTMLElement>;
onPlayCapture?: import("react").ReactEventHandler<HTMLElement>;
onPlaying?: import("react").ReactEventHandler<HTMLElement>;
onPlayingCapture?: import("react").ReactEventHandler<HTMLElement>;
onProgress?: import("react").ReactEventHandler<HTMLElement>;
onProgressCapture?: import("react").ReactEventHandler<HTMLElement>;
onRateChange?: import("react").ReactEventHandler<HTMLElement>;
onRateChangeCapture?: import("react").ReactEventHandler<HTMLElement>;
onSeeked?: import("react").ReactEventHandler<HTMLElement>;
onSeekedCapture?: import("react").ReactEventHandler<HTMLElement>;
onSeeking?: import("react").ReactEventHandler<HTMLElement>;
onSeekingCapture?: import("react").ReactEventHandler<HTMLElement>;
onStalled?: import("react").ReactEventHandler<HTMLElement>;
onStalledCapture?: import("react").ReactEventHandler<HTMLElement>;
onSuspend?: import("react").ReactEventHandler<HTMLElement>;
onSuspendCapture?: import("react").ReactEventHandler<HTMLElement>;
onTimeUpdate?: import("react").ReactEventHandler<HTMLElement>;
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLElement>;
onVolumeChange?: import("react").ReactEventHandler<HTMLElement>;
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLElement>;
onWaiting?: import("react").ReactEventHandler<HTMLElement>;
onWaitingCapture?: import("react").ReactEventHandler<HTMLElement>;
onAuxClick?: import("react").MouseEventHandler<HTMLElement>;
onAuxClickCapture?: import("react").MouseEventHandler<HTMLElement>;
onClick?: import("react").MouseEventHandler<HTMLElement>;
onClickCapture?: import("react").MouseEventHandler<HTMLElement>;
onContextMenu?: import("react").MouseEventHandler<HTMLElement>;
onContextMenuCapture?: import("react").MouseEventHandler<HTMLElement>;
onDoubleClick?: import("react").MouseEventHandler<HTMLElement>;
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLElement>;
onDrag?: import("react").DragEventHandler<HTMLElement>;
onDragCapture?: import("react").DragEventHandler<HTMLElement>;
onDragEnd?: import("react").DragEventHandler<HTMLElement>;
onDragEndCapture?: import("react").DragEventHandler<HTMLElement>;
onDragEnter?: import("react").DragEventHandler<HTMLElement>;
onDragEnterCapture?: import("react").DragEventHandler<HTMLElement>;
onDragExit?: import("react").DragEventHandler<HTMLElement>;
onDragExitCapture?: import("react").DragEventHandler<HTMLElement>;
onDragLeave?: import("react").DragEventHandler<HTMLElement>;
onDragLeaveCapture?: import("react").DragEventHandler<HTMLElement>;
onDragOver?: import("react").DragEventHandler<HTMLElement>;
onDragOverCapture?: import("react").DragEventHandler<HTMLElement>;
onDragStart?: import("react").DragEventHandler<HTMLElement>;
onDragStartCapture?: import("react").DragEventHandler<HTMLElement>;
onDrop?: import("react").DragEventHandler<HTMLElement>;
onDropCapture?: import("react").DragEventHandler<HTMLElement>;
onMouseDown?: import("react").MouseEventHandler<HTMLElement>;
onMouseDownCapture?: import("react").MouseEventHandler<HTMLElement>;
onMouseEnter?: import("react").MouseEventHandler<HTMLElement>;
onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
onMouseMove?: import("react").MouseEventHandler<HTMLElement>;
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLElement>;
onMouseOut?: import("react").MouseEventHandler<HTMLElement>;
onMouseOutCapture?: import("react").MouseEventHandler<HTMLElement>;
onMouseOver?: import("react").MouseEventHandler<HTMLElement>;
onMouseOverCapture?: import("react").MouseEventHandler<HTMLElement>;
onMouseUp?: import("react").MouseEventHandler<HTMLElement>;
onMouseUpCapture?: import("react").MouseEventHandler<HTMLElement>;
onSelect?: import("react").ReactEventHandler<HTMLElement>;
onSelectCapture?: import("react").ReactEventHandler<HTMLElement>;
onTouchCancel?: import("react").TouchEventHandler<HTMLElement>;
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLElement>;
onTouchEnd?: import("react").TouchEventHandler<HTMLElement>;
onTouchEndCapture?: import("react").TouchEventHandler<HTMLElement>;
onTouchMove?: import("react").TouchEventHandler<HTMLElement>;
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLElement>;
onTouchStart?: import("react").TouchEventHandler<HTMLElement>;
onTouchStartCapture?: import("react").TouchEventHandler<HTMLElement>;
onPointerDown?: import("react").PointerEventHandler<HTMLElement>;
onPointerDownCapture?: import("react").PointerEventHandler<HTMLElement>;
onPointerMove?: import("react").PointerEventHandler<HTMLElement>;
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLElement>;
onPointerUp?: import("react").PointerEventHandler<HTMLElement>;
onPointerUpCapture?: import("react").PointerEventHandler<HTMLElement>;
onPointerCancel?: import("react").PointerEventHandler<HTMLElement>;
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLElement>;
onPointerEnter?: import("react").PointerEventHandler<HTMLElement>;
onPointerLeave?: import("react").PointerEventHandler<HTMLElement>;
onPointerOver?: import("react").PointerEventHandler<HTMLElement>;
onPointerOverCapture?: import("react").PointerEventHandler<HTMLElement>;
onPointerOut?: import("react").PointerEventHandler<HTMLElement>;
onPointerOutCapture?: import("react").PointerEventHandler<HTMLElement>;
onGotPointerCapture?: import("react").PointerEventHandler<HTMLElement>;
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement>;
onLostPointerCapture?: import("react").PointerEventHandler<HTMLElement>;
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLElement>;
onScroll?: import("react").UIEventHandler<HTMLElement>;
onScrollCapture?: import("react").UIEventHandler<HTMLElement>;
onScrollEnd?: import("react").UIEventHandler<HTMLElement>;
onScrollEndCapture?: import("react").UIEventHandler<HTMLElement>;
onWheel?: import("react").WheelEventHandler<HTMLElement>;
onWheelCapture?: import("react").WheelEventHandler<HTMLElement>;
onAnimationStart?: import("react").AnimationEventHandler<HTMLElement>;
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLElement>;
onAnimationEnd?: import("react").AnimationEventHandler<HTMLElement>;
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLElement>;
onAnimationIteration?: import("react").AnimationEventHandler<HTMLElement>;
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLElement>;
onToggle?: import("react").ToggleEventHandler<HTMLElement>;
onBeforeToggle?: import("react").ToggleEventHandler<HTMLElement>;
onTransitionCancel?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionEnd?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionRun?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionStart?: import("react").TransitionEventHandler<HTMLElement>;
onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLElement>;
list?: string | undefined;
step?: number | string | undefined;
accept?: string | undefined;
acceptCharset?: string | undefined;
allowFullScreen?: boolean | undefined;
allowTransparency?: boolean | undefined;
as?: string | undefined;
autoComplete?: string | undefined;
autoPlay?: boolean | undefined;
capture?: boolean | "user" | "environment" | undefined;
cellPadding?: number | string | undefined;
cellSpacing?: number | string | undefined;
charSet?: string | undefined;
challenge?: string | undefined;
checked?: boolean | undefined;
classID?: string | undefined;
cols?: number | undefined;
colSpan?: number | undefined;
controls?: boolean | undefined;
coords?: string | undefined;
crossOrigin?: "" | "anonymous" | "use-credentials";
dateTime?: string | undefined;
defer?: boolean | undefined;
download?: any;
encType?: string | undefined;
formAction?: string | undefined | ((formData: FormData) => void | Promise<void>) | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_EXPERIMENTAL_FORM_ACTIONS];
formEncType?: string | undefined;
formMethod?: string | undefined;
formNoValidate?: boolean | undefined;
formTarget?: string | undefined;
frameBorder?: number | string | undefined;
headers?: string | undefined;
high?: number | undefined;
href?: string | undefined;
hrefLang?: string | undefined;
htmlFor?: string | undefined;
httpEquiv?: string | undefined;
integrity?: string | undefined;
keyParams?: string | undefined;
keyType?: string | undefined;
kind?: string | undefined;
loop?: boolean | undefined;
low?: number | undefined;
manifest?: string | undefined;
marginHeight?: number | undefined;
marginWidth?: number | undefined;
maxLength?: number | undefined;
mediaGroup?: string | undefined;
method?: string | undefined;
minLength?: number | undefined;
muted?: boolean | undefined;
name?: string | undefined;
noValidate?: boolean | undefined;
optimum?: number | undefined;
placeholder?: string | undefined;
playsInline?: boolean | undefined;
poster?: string | undefined;
preload?: string | undefined;
readOnly?: boolean | undefined;
required?: boolean | undefined;
reversed?: boolean | undefined;
rows?: number | undefined;
rowSpan?: number | undefined;
sandbox?: string | undefined;
scope?: string | undefined;
scoped?: boolean | undefined;
scrolling?: string | undefined;
seamless?: boolean | undefined;
shape?: string | undefined;
sizes?: string | undefined;
srcDoc?: string | undefined;
srcLang?: string | undefined;
srcSet?: string | undefined;
useMap?: string | undefined;
wmode?: string | undefined;
};
export declare function prerenderIcon(props: IconProps & {
listOfIcons?: Record<string, IconIcon>;
}): any;
export {};