import React, { CSSProperties, ReactNode } from 'react';
import { InputProps } from "../../mantine";
import { DataTrackingTypeHTMLElement } from "../../../types";
export declare const StyledSearchIcon: import("@emotion/styled").StyledComponent<React.SVGProps<SVGSVGElement> & {
    theme?: import("@emotion/react").Theme;
}, {}, {}>;
export type TSearchInputProps = {
    loading?: boolean;
    disabled?: boolean;
    placeholder?: string;
    defaultValue?: string;
    value?: string;
    onChange?: (value: string) => void;
    icon?: ReactNode;
    className?: string;
    style?: CSSProperties;
    enableClear?: boolean;
} & DataTrackingTypeHTMLElement & Omit<InputProps, 'onChange'>;
export declare const SearchInput: (props: TSearchInputProps) => React.JSX.Element;
export default SearchInput;