import type { BehaviorTrackingProps } from '../../core/types/behavior-tracking-props.js';
import { DataTestId } from '../../core/types/data-props.js';
import type { FormControlProps } from '../../core/types/form-control-props.js';
import type { FormControlStateProps } from '../../core/types/form-control-state.js';
import { MaskingProps } from '../../core/types/masking-props.js';
import { StylingProps } from '../../core/types/styling-props.js';
import { WithChildren } from '../../core/types/with-children.js';
import type { BaseInputProps } from '../_base-input/base-input.types.js';
import type { FormControlRef } from '../shared-types.js';
/**
 * The properties of the SearchInput component.
 * @public
 */
export type SearchInputProps = Pick<BaseInputProps, 'variant' | 'onBlur' | 'autoComplete' | 'placeholder' | 'minLength' | 'maxLength'> & FormControlStateProps & WithChildren & StylingProps & DataTestId & MaskingProps & FormControlProps<string, (value: string) => void> & BehaviorTrackingProps;
/**
 * Use the `SearchInput` component for search queries.
 * It includes a built-in `Clear` button for quick resets.
 * @public
 */
export declare const SearchInput: ((props: SearchInputProps & import("react").RefAttributes<FormControlRef<HTMLDivElement>>) => import("react").ReactElement | null) & {
    Suffix: (props: import("../index.js").BaseInputContentProps & import("react").RefAttributes<HTMLDivElement>) => import("react").ReactElement | null;
    Button: (props: import("../index.js").BaseInputButtonProps & import("react").RefAttributes<HTMLButtonElement>) => import("react").ReactElement | null;
};