@atlaskit/navigation-system/dist/types/ui/top-nav-items/search.d.ts

The latest navigation system for Atlassian apps.

/**
 * @jsxRuntime classic
 * @jsx jsx
 */
import React from 'react';
import type { NewIconProps } from '@atlaskit/icon/types';
type SearchProps = {
    /**
     * Provide an accessible label, often used by screen readers.
     */
    label: React.ReactNode;
    /**
     * The icon component to render before the search input.
     */
    iconBefore?: React.ComponentType<NewIconProps & {
        spacing: 'spacious';
    }>;
    /**
     * The component to render after the search input.
     */
    elemAfter?: React.ReactNode;
    /**
     * Handler called on click.
     */
    onClick?: React.MouseEventHandler<HTMLButtonElement>;
    /**
     * An optional name used to identify events for [React UFO (Unified Frontend Observability) press interactions](https://developer.atlassian.com/platform/ufo/react-ufo/react-ufo/getting-started/#quick-start--press-interactions). For more information, see [React UFO integration into Design System components](https://go.atlassian.com/react-ufo-dst-integration).
     */
    interactionName?: string;
    'aria-haspopup'?: React.AriaAttributes['aria-haspopup'];
};
/**
 * __Search__
 *
 * The search element for the top navigation.
 */
export declare const Search: (props: SearchProps) => JSX.Element;
export {};