/** * @license EUPL-1.2+ * Copyright Gemeente Amsterdam */ import type { HTMLAttributes, PropsWithChildren } from 'react'; export type SearchFieldProps = { /** Whether the Input and Button are unavailable. Neither of them can override this. */ readonly disabled?: boolean; } & Readonly>>; /** * Combines a text input and a submit button for searching page or site content. * * @see {@link https://designsystem.amsterdam/?path=/docs/components-forms-search-field--docs Search Field docs at Amsterdam Design System} */ export declare const SearchField: import("react").ForwardRefExoticComponent<{ /** Whether the Input and Button are unavailable. Neither of them can override this. */ readonly disabled?: boolean; } & Readonly>> & import("react").RefAttributes> & { Button: import("react").ForwardRefExoticComponent<{ readonly form?: string | undefined | undefined; readonly slot?: string | undefined | undefined; readonly style?: import("react").CSSProperties | undefined; readonly title?: string | undefined | undefined; readonly dir?: string | undefined | undefined; readonly defaultChecked?: boolean | undefined | undefined; readonly defaultValue?: string | number | readonly string[] | undefined; readonly suppressContentEditableWarning?: boolean | undefined | undefined; readonly suppressHydrationWarning?: boolean | undefined | undefined; readonly accessKey?: string | undefined | undefined; readonly autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined; readonly autoFocus?: boolean | undefined | undefined; readonly className?: string | undefined | undefined; readonly contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined; readonly contextMenu?: string | undefined | undefined; readonly draggable?: (boolean | "true" | "false") | undefined; readonly enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined; readonly hidden?: boolean | undefined | undefined; readonly id?: string | undefined | undefined; readonly lang?: string | undefined | undefined; readonly nonce?: string | undefined | undefined; readonly spellCheck?: (boolean | "true" | "false") | undefined; readonly tabIndex?: number | undefined | undefined; readonly translate?: "yes" | "no" | undefined | undefined; readonly radioGroup?: string | undefined | undefined; readonly role?: import("react").AriaRole | undefined; readonly about?: string | undefined | undefined; readonly content?: string | undefined | undefined; readonly datatype?: string | undefined | undefined; readonly inlist?: any; readonly prefix?: string | undefined | undefined; readonly property?: string | undefined | undefined; readonly rel?: string | undefined | undefined; readonly resource?: string | undefined | undefined; readonly rev?: string | undefined | undefined; readonly typeof?: string | undefined | undefined; readonly vocab?: string | undefined | undefined; readonly autoCorrect?: string | undefined | undefined; readonly autoSave?: string | undefined | undefined; readonly color?: string | undefined | undefined; readonly itemProp?: string | undefined | undefined; readonly itemScope?: boolean | undefined | undefined; readonly itemType?: string | undefined | undefined; readonly itemID?: string | undefined | undefined; readonly itemRef?: string | undefined | undefined; readonly results?: number | undefined | undefined; readonly security?: string | undefined | undefined; readonly unselectable?: "on" | "off" | undefined | undefined; readonly inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined; readonly is?: string | undefined | undefined; readonly exportparts?: string | undefined | undefined; readonly part?: string | undefined | undefined; readonly "aria-activedescendant"?: string | undefined | undefined; readonly "aria-atomic"?: (boolean | "true" | "false") | undefined; readonly "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined; readonly "aria-braillelabel"?: string | undefined | undefined; readonly "aria-brailleroledescription"?: string | undefined | undefined; readonly "aria-busy"?: (boolean | "true" | "false") | undefined; readonly "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined; readonly "aria-colcount"?: number | undefined | undefined; readonly "aria-colindex"?: number | undefined | undefined; readonly "aria-colindextext"?: string | undefined | undefined; readonly "aria-colspan"?: number | undefined | undefined; readonly "aria-controls"?: string | undefined | undefined; readonly "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined; readonly "aria-describedby"?: string | undefined | undefined; readonly "aria-description"?: string | undefined | undefined; readonly "aria-details"?: string | undefined | undefined; readonly "aria-disabled"?: (boolean | "true" | "false") | undefined; readonly "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined; readonly "aria-errormessage"?: string | undefined | undefined; readonly "aria-expanded"?: (boolean | "true" | "false") | undefined; readonly "aria-flowto"?: string | undefined | undefined; readonly "aria-grabbed"?: (boolean | "true" | "false") | undefined; readonly "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined; readonly "aria-hidden"?: (boolean | "true" | "false") | undefined; readonly "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined; readonly "aria-keyshortcuts"?: string | undefined | undefined; readonly "aria-label"?: string | undefined | undefined; readonly "aria-labelledby"?: string | undefined | undefined; readonly "aria-level"?: number | undefined | undefined; readonly "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined; readonly "aria-modal"?: (boolean | "true" | "false") | undefined; readonly "aria-multiline"?: (boolean | "true" | "false") | undefined; readonly "aria-multiselectable"?: (boolean | "true" | "false") | undefined; readonly "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined; readonly "aria-owns"?: string | undefined | undefined; readonly "aria-placeholder"?: string | undefined | undefined; readonly "aria-posinset"?: number | undefined | undefined; readonly "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined; readonly "aria-readonly"?: (boolean | "true" | "false") | undefined; readonly "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined; readonly "aria-required"?: (boolean | "true" | "false") | undefined; readonly "aria-roledescription"?: string | undefined | undefined; readonly "aria-rowcount"?: number | undefined | undefined; readonly "aria-rowindex"?: number | undefined | undefined; readonly "aria-rowindextext"?: string | undefined | undefined; readonly "aria-rowspan"?: number | undefined | undefined; readonly "aria-selected"?: (boolean | "true" | "false") | undefined; readonly "aria-setsize"?: number | undefined | undefined; readonly "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined; readonly "aria-valuemax"?: number | undefined | undefined; readonly "aria-valuemin"?: number | undefined | undefined; readonly "aria-valuenow"?: number | undefined | undefined; readonly "aria-valuetext"?: string | undefined | undefined; readonly children?: import("react").ReactNode; readonly dangerouslySetInnerHTML?: { __html: string | TrustedHTML; } | undefined | undefined; readonly onCopy?: import("react").ClipboardEventHandler | undefined; readonly onCopyCapture?: import("react").ClipboardEventHandler | undefined; readonly onCut?: import("react").ClipboardEventHandler | undefined; readonly onCutCapture?: import("react").ClipboardEventHandler | undefined; readonly onPaste?: import("react").ClipboardEventHandler | undefined; readonly onPasteCapture?: import("react").ClipboardEventHandler | undefined; readonly onCompositionEnd?: import("react").CompositionEventHandler | undefined; readonly onCompositionEndCapture?: import("react").CompositionEventHandler | undefined; readonly onCompositionStart?: import("react").CompositionEventHandler | undefined; readonly onCompositionStartCapture?: import("react").CompositionEventHandler | undefined; readonly onCompositionUpdate?: import("react").CompositionEventHandler | undefined; readonly onCompositionUpdateCapture?: import("react").CompositionEventHandler | undefined; readonly onFocus?: import("react").FocusEventHandler | undefined; readonly onFocusCapture?: import("react").FocusEventHandler | undefined; readonly onBlur?: import("react").FocusEventHandler | undefined; readonly onBlurCapture?: import("react").FocusEventHandler | undefined; readonly onChange?: import("react").FormEventHandler | undefined; readonly onChangeCapture?: import("react").FormEventHandler | undefined; readonly onBeforeInput?: import("react").InputEventHandler | undefined; readonly onBeforeInputCapture?: import("react").FormEventHandler | undefined; readonly onInput?: import("react").FormEventHandler | undefined; readonly onInputCapture?: import("react").FormEventHandler | undefined; readonly onReset?: import("react").FormEventHandler | undefined; readonly onResetCapture?: import("react").FormEventHandler | undefined; readonly onSubmit?: import("react").FormEventHandler | undefined; readonly onSubmitCapture?: import("react").FormEventHandler | undefined; readonly onInvalid?: import("react").FormEventHandler | undefined; readonly onInvalidCapture?: import("react").FormEventHandler | undefined; readonly onLoad?: import("react").ReactEventHandler | undefined; readonly onLoadCapture?: import("react").ReactEventHandler | undefined; readonly onError?: import("react").ReactEventHandler | undefined; readonly onErrorCapture?: import("react").ReactEventHandler | undefined; readonly onKeyDown?: import("react").KeyboardEventHandler | undefined; readonly onKeyDownCapture?: import("react").KeyboardEventHandler | undefined; readonly onKeyPress?: import("react").KeyboardEventHandler | undefined; readonly onKeyPressCapture?: import("react").KeyboardEventHandler | undefined; readonly onKeyUp?: import("react").KeyboardEventHandler | undefined; readonly onKeyUpCapture?: import("react").KeyboardEventHandler | undefined; readonly onAbort?: import("react").ReactEventHandler | undefined; readonly onAbortCapture?: import("react").ReactEventHandler | undefined; readonly onCanPlay?: import("react").ReactEventHandler | undefined; readonly onCanPlayCapture?: import("react").ReactEventHandler | undefined; readonly onCanPlayThrough?: import("react").ReactEventHandler | undefined; readonly onCanPlayThroughCapture?: import("react").ReactEventHandler | undefined; readonly onDurationChange?: import("react").ReactEventHandler | undefined; readonly onDurationChangeCapture?: import("react").ReactEventHandler | undefined; readonly onEmptied?: import("react").ReactEventHandler | undefined; readonly onEmptiedCapture?: import("react").ReactEventHandler | undefined; readonly onEncrypted?: import("react").ReactEventHandler | undefined; readonly onEncryptedCapture?: import("react").ReactEventHandler | undefined; readonly onEnded?: import("react").ReactEventHandler | undefined; readonly onEndedCapture?: import("react").ReactEventHandler | undefined; readonly onLoadedData?: import("react").ReactEventHandler | undefined; readonly onLoadedDataCapture?: import("react").ReactEventHandler | undefined; readonly onLoadedMetadata?: import("react").ReactEventHandler | undefined; readonly onLoadedMetadataCapture?: import("react").ReactEventHandler | undefined; readonly onLoadStart?: import("react").ReactEventHandler | undefined; readonly onLoadStartCapture?: import("react").ReactEventHandler | undefined; readonly onPause?: import("react").ReactEventHandler | undefined; readonly onPauseCapture?: import("react").ReactEventHandler | undefined; readonly onPlay?: import("react").ReactEventHandler | undefined; readonly onPlayCapture?: import("react").ReactEventHandler | undefined; readonly onPlaying?: import("react").ReactEventHandler | undefined; readonly onPlayingCapture?: import("react").ReactEventHandler | undefined; readonly onProgress?: import("react").ReactEventHandler | undefined; readonly onProgressCapture?: import("react").ReactEventHandler | undefined; readonly onRateChange?: import("react").ReactEventHandler | undefined; readonly onRateChangeCapture?: import("react").ReactEventHandler | undefined; readonly onSeeked?: import("react").ReactEventHandler | undefined; readonly onSeekedCapture?: import("react").ReactEventHandler | undefined; readonly onSeeking?: import("react").ReactEventHandler | undefined; readonly onSeekingCapture?: import("react").ReactEventHandler | undefined; readonly onStalled?: import("react").ReactEventHandler | undefined; readonly onStalledCapture?: import("react").ReactEventHandler | undefined; readonly onSuspend?: import("react").ReactEventHandler | undefined; readonly onSuspendCapture?: import("react").ReactEventHandler | undefined; readonly onTimeUpdate?: import("react").ReactEventHandler | undefined; readonly onTimeUpdateCapture?: import("react").ReactEventHandler | undefined; readonly onVolumeChange?: import("react").ReactEventHandler | undefined; readonly onVolumeChangeCapture?: import("react").ReactEventHandler | undefined; readonly onWaiting?: import("react").ReactEventHandler | undefined; readonly onWaitingCapture?: import("react").ReactEventHandler | undefined; readonly onAuxClick?: import("react").MouseEventHandler | undefined; readonly onAuxClickCapture?: import("react").MouseEventHandler | undefined; readonly onClick?: import("react").MouseEventHandler | undefined; readonly onClickCapture?: import("react").MouseEventHandler | undefined; readonly onContextMenu?: import("react").MouseEventHandler | undefined; readonly onContextMenuCapture?: import("react").MouseEventHandler | undefined; readonly onDoubleClick?: import("react").MouseEventHandler | undefined; readonly onDoubleClickCapture?: import("react").MouseEventHandler | undefined; readonly onDrag?: import("react").DragEventHandler | undefined; readonly onDragCapture?: import("react").DragEventHandler | undefined; readonly onDragEnd?: import("react").DragEventHandler | undefined; readonly onDragEndCapture?: import("react").DragEventHandler | undefined; readonly onDragEnter?: import("react").DragEventHandler | undefined; readonly onDragEnterCapture?: import("react").DragEventHandler | undefined; readonly onDragExit?: import("react").DragEventHandler | undefined; readonly onDragExitCapture?: import("react").DragEventHandler | undefined; readonly onDragLeave?: import("react").DragEventHandler | undefined; readonly onDragLeaveCapture?: import("react").DragEventHandler | undefined; readonly onDragOver?: import("react").DragEventHandler | undefined; readonly onDragOverCapture?: import("react").DragEventHandler | undefined; readonly onDragStart?: import("react").DragEventHandler | undefined; readonly onDragStartCapture?: import("react").DragEventHandler | undefined; readonly onDrop?: import("react").DragEventHandler | undefined; readonly onDropCapture?: import("react").DragEventHandler | undefined; readonly onMouseDown?: import("react").MouseEventHandler | undefined; readonly onMouseDownCapture?: import("react").MouseEventHandler | undefined; readonly onMouseEnter?: import("react").MouseEventHandler | undefined; readonly onMouseLeave?: import("react").MouseEventHandler | undefined; readonly onMouseMove?: import("react").MouseEventHandler | undefined; readonly onMouseMoveCapture?: import("react").MouseEventHandler | undefined; readonly onMouseOut?: import("react").MouseEventHandler | undefined; readonly onMouseOutCapture?: import("react").MouseEventHandler | undefined; readonly onMouseOver?: import("react").MouseEventHandler | undefined; readonly onMouseOverCapture?: import("react").MouseEventHandler | undefined; readonly onMouseUp?: import("react").MouseEventHandler | undefined; readonly onMouseUpCapture?: import("react").MouseEventHandler | undefined; readonly onSelect?: import("react").ReactEventHandler | undefined; readonly onSelectCapture?: import("react").ReactEventHandler | undefined; readonly onTouchCancel?: import("react").TouchEventHandler | undefined; readonly onTouchCancelCapture?: import("react").TouchEventHandler | undefined; readonly onTouchEnd?: import("react").TouchEventHandler | undefined; readonly onTouchEndCapture?: import("react").TouchEventHandler | undefined; readonly onTouchMove?: import("react").TouchEventHandler | undefined; readonly onTouchMoveCapture?: import("react").TouchEventHandler | undefined; readonly onTouchStart?: import("react").TouchEventHandler | undefined; readonly onTouchStartCapture?: import("react").TouchEventHandler | undefined; readonly onPointerDown?: import("react").PointerEventHandler | undefined; readonly onPointerDownCapture?: import("react").PointerEventHandler | undefined; readonly onPointerMove?: import("react").PointerEventHandler | undefined; readonly onPointerMoveCapture?: import("react").PointerEventHandler | undefined; readonly onPointerUp?: import("react").PointerEventHandler | undefined; readonly onPointerUpCapture?: import("react").PointerEventHandler | undefined; readonly onPointerCancel?: import("react").PointerEventHandler | undefined; readonly onPointerCancelCapture?: import("react").PointerEventHandler | undefined; readonly onPointerEnter?: import("react").PointerEventHandler | undefined; readonly onPointerLeave?: import("react").PointerEventHandler | undefined; readonly onPointerOver?: import("react").PointerEventHandler | undefined; readonly onPointerOverCapture?: import("react").PointerEventHandler | undefined; readonly onPointerOut?: import("react").PointerEventHandler | undefined; readonly onPointerOutCapture?: import("react").PointerEventHandler | undefined; readonly onGotPointerCapture?: import("react").PointerEventHandler | undefined; readonly onGotPointerCaptureCapture?: import("react").PointerEventHandler | undefined; readonly onLostPointerCapture?: import("react").PointerEventHandler | undefined; readonly onLostPointerCaptureCapture?: import("react").PointerEventHandler | undefined; readonly onScroll?: import("react").UIEventHandler | undefined; readonly onScrollCapture?: import("react").UIEventHandler | undefined; readonly onWheel?: import("react").WheelEventHandler | undefined; readonly onWheelCapture?: import("react").WheelEventHandler | undefined; readonly onAnimationStart?: import("react").AnimationEventHandler | undefined; readonly onAnimationStartCapture?: import("react").AnimationEventHandler | undefined; readonly onAnimationEnd?: import("react").AnimationEventHandler | undefined; readonly onAnimationEndCapture?: import("react").AnimationEventHandler | undefined; readonly onAnimationIteration?: import("react").AnimationEventHandler | undefined; readonly onAnimationIterationCapture?: import("react").AnimationEventHandler | undefined; readonly onTransitionEnd?: import("react").TransitionEventHandler | undefined; readonly onTransitionEndCapture?: import("react").TransitionEventHandler | undefined; readonly value?: string | number | readonly string[] | undefined; readonly type?: "submit" | "reset" | "button" | undefined | undefined; readonly disabled?: boolean | undefined | undefined; readonly formAction?: string | undefined; readonly formEncType?: string | undefined | undefined; readonly formMethod?: string | undefined | undefined; readonly formNoValidate?: boolean | undefined | undefined; readonly formTarget?: string | undefined | undefined; readonly name?: string | undefined | undefined; } & import("react").RefAttributes>; Input: import("react").ForwardRefExoticComponent<{ readonly invalid?: boolean; readonly label?: string; } & Readonly> & import("react").RefAttributes>; };