import * as React from 'react';

interface SearchOnPageProps {
    /**
     * Value of the search input
     */
    value?: string;
    /**
     * Callback when value changes
     */
    onChange?: (value: string) => void;
    /**
     * Callback when search is submitted
     */
    onSubmit?: (value: string) => void;
    /**
     * Callback when clear button is clicked
     */
    onClear?: () => void;
    /**
     * Placeholder text
     */
    placeholder?: string;
    /**
     * Custom className
     */
    className?: string;
    /**
     * Custom style
     */
    style?: React.CSSProperties;
    /**
     * Test ID for testing
     */
    'data-testid'?: string;
}
/**
 * SearchOnPage component - Arbor Design System
 *
 * A search input with fixed 200px width for filtering content on the current page.
 * Shows green focus ring when active and X button to clear.
 */
declare const SearchOnPage: React.ForwardRefExoticComponent<SearchOnPageProps & React.RefAttributes<HTMLInputElement>>;

export { SearchOnPage, type SearchOnPageProps };