import * as react_jsx_runtime from 'react/jsx-runtime';
import { OptixFlowConfig } from '@page-speed/img';

interface NavItem {
    title: string;
    url: string;
}
/**
 * Props for the NavbarSearchFocused component
 */
interface NavbarSearchFocusedProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navItems?: NavItem[];
    searchPlaceholder?: string;
    onSearch?: (query: string) => void;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarSearchFocused - A navigation bar with a prominent search input.
 *
 * Features a centered search bar that takes up significant horizontal space, making search
 * the primary action. Navigation links are positioned to the sides of the search bar.
 * The search input expands on focus for better usability. Mobile view moves the search bar
 * below the logo and hamburger menu, with navigation in a slide-out sheet. Ideal for
 * e-commerce sites, marketplaces, documentation sites, and content-heavy platforms.
 */
declare const NavbarSearchFocused: ({ className, logo, navItems, searchPlaceholder, onSearch, optixFlowConfig, }: NavbarSearchFocusedProps) => react_jsx_runtime.JSX.Element;

export { NavbarSearchFocused, type NavbarSearchFocusedProps };
