import * as React from 'react';
import type { DisplayOnType } from '../utils';
export type SearchInputProps = {
    /**
     * force expanded mode (controlled mode)
     */
    expanded?: boolean;
    /**
     * call-back on expanded state change request (if controlled state will not change)
     */
    onExpandedChange?: (nextState: boolean) => void;
    /**
     * Target display of this item. Choose 'phone' to prevent collapsing.
     */
    displayOn?: DisplayOnType;
    /** value of input in controlled mode */
    value?: string;
    /** default value of input in uncontrolled mode */
    defaultValue?: string;
    /** Callback triggered after the value changes. */
    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * call-back when list item is activated in collapsed mode from more menu
     * (This can be useful in case you want to open search modal in phone resolution)
     */
    onActivateMoreMenu?: () => void;
} & Omit<React.ComponentPropsWithoutRef<'input'>, 'onChange'>;
/**
 *
 * [Design system spec](https://design.planview.com/components/navigation/navigation-bar#navigation-bar-search-)
 *
 * `import { SearchInput } from '@planview/pv-toolbar'`
 *
 * ### API
 * Props type extends `React.ComponentPropsWithoutRef<'input'>`
 *
 * ### Adaptive layout
 * The `SearchInput` component will be auto-expanded when in breakpoint `desktop-hd`. Below that breakpoint it will contract into a button and
 * expand on user interaction. The expanded state can be forced by using the `expanded` prop.
 *
 * Like other components in `pv-toolbar`, the `SearchInput` can collapse into a more menu.
 * When it should be removed from the bar and put into the more menu is determined by the `displayOn` property.
 *
 *
 * ### Accessibility
 * By using the `role="search"`, this component adds a [search landmark](https://www.w3.org/WAI/ARIA/apg/patterns/landmarks/examples/search.html) which will help users using assistive technology jump quicker between the different regions on the page.
 *
 */
export declare const SearchInput: React.ForwardRefExoticComponent<{
    /**
     * force expanded mode (controlled mode)
     */
    expanded?: boolean;
    /**
     * call-back on expanded state change request (if controlled state will not change)
     */
    onExpandedChange?: (nextState: boolean) => void;
    /**
     * Target display of this item. Choose 'phone' to prevent collapsing.
     */
    displayOn?: DisplayOnType;
    /** value of input in controlled mode */
    value?: string;
    /** default value of input in uncontrolled mode */
    defaultValue?: string;
    /** Callback triggered after the value changes. */
    onChange?: (value: string, event: React.ChangeEvent<HTMLInputElement>) => void;
    /**
     * call-back when list item is activated in collapsed mode from more menu
     * (This can be useful in case you want to open search modal in phone resolution)
     */
    onActivateMoreMenu?: () => void;
} & Omit<Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "onChange"> & React.RefAttributes<HTMLInputElement | null>>;
//# sourceMappingURL=search-input.d.ts.map