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

interface MenuLink {
    label: string;
    description?: string;
    url: string;
    image?: string;
}
interface MenuItem {
    title: string;
    url?: string;
    className?: string;
    links?: MenuLink[];
}
interface NavButton {
    label: string;
    url: string;
    variant: "ghost" | "default" | "link" | "destructive" | "outline" | "secondary";
}
interface SocialLink {
    label: string;
    url: string;
}
/**
 * Props for the NavbarImagePreview component
 */
interface NavbarImagePreviewProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navigation?: MenuItem[];
    mobileNavigation?: MenuItem[];
    navButtons?: NavButton[];
    socialLinks?: SocialLink[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarImagePreview - A fixed navigation bar with image preview on hover.
 *
 * Features a sticky header that changes background on scroll. Desktop dropdowns
 * show a large image preview that changes as users hover over different menu items.
 * Mobile view uses a full-screen dark overlay with categorized link columns and
 * social links. Ideal for content-rich sites where visual previews enhance navigation.
 */
declare const NavbarImagePreview: ({ className, logo, navigation, mobileNavigation, navButtons, socialLinks, optixFlowConfig, }: NavbarImagePreviewProps) => react_jsx_runtime.JSX.Element;

export { NavbarImagePreview, type NavbarImagePreviewProps };
