import * as React from 'react';
import '@vtmn/css-search/dist/index-with-vars.css';
import { VtmnSearchVariant, VtmnSearchSize } from './types';
export interface VtmnSearchProps extends Omit<React.ComponentPropsWithoutRef<'input'>, 'size'> {
    /**
     * The variant of the search bar.
     * @type {VtmnSearchVariant}
     * @defaultValue 'default'
     */
    variant?: VtmnSearchVariant;
    /**
     * The size of the search bar.
     * @type {VtmnSearchSize}
     * @defaultValue 'medium'
     */
    size?: VtmnSearchSize;
    /**
     * The disabled state of the search bar.
     * @type {boolean}
     * @defaultValue false
     */
    disabled?: boolean;
    /**
     * Displays the search button.
     * @type {boolean}
     * @defaultValue true
     */
    showSearchButton?: boolean;
    /**
     * The placeholder of the search bar.
     * @type {string}
     * @defaultValue 'Search'
     */
    placeholder?: string;
    /**
     * The value of the search bar.
     * @type {string}
     * @defaultValue undefined
     */
    value?: string;
    /**
     * Called when user click on search icon
     * @type {void}
     * @default undefined
     */
    onSearch?: (search: string) => void;
    /**
     * Called when user click on clear icon
     * @type {void}
     * @default undefined
     */
    onClear?: () => void;
}
export declare const VtmnSearch: ({ variant, size, disabled, placeholder, showSearchButton, value, className, onSearch, onClear, ...props }: VtmnSearchProps) => JSX.Element;
declare const MemoVtmnSearch: React.MemoExoticComponent<({ variant, size, disabled, placeholder, showSearchButton, value, className, onSearch, onClear, ...props }: VtmnSearchProps) => JSX.Element>;
export default MemoVtmnSearch;