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

interface MenuLink {
    label: string;
    description?: string;
    url: string;
    icon?: string;
    image?: string;
    background?: string;
    company?: {
        name: string;
        logo: string;
    };
}
interface MenuGroup {
    title: string;
    links: MenuLink[];
}
interface MenuItem {
    id?: number;
    title: string;
    url?: string;
    links?: MenuLink[];
    featuredLinks?: MenuLink[];
    groupLinks?: MenuGroup[];
    imageLink?: MenuLink;
}
/**
 * Props for the NavbarAnimatedPreview component
 */
interface NavbarAnimatedPreviewProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navigation?: MenuItem[];
    primaryButton?: {
        label: string;
        url: string;
    };
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarAnimatedPreview - A fixed navigation bar with animated image previews and multiple dropdown styles.
 *
 * Features three distinct dropdown menu styles: (1) Products dropdown with animated image preview that
 * slides up when hovering over links, (2) Solutions dropdown with featured cards and a grid of links,
 * and (3) Developers dropdown with grouped links and a featured image card with badge. The navigation
 * menu spans full width with smooth fade-in animations. Mobile view uses a full-screen sheet with
 * accordion navigation. Ideal for complex SaaS products and developer platforms.
 */
declare const NavbarAnimatedPreview: ({ className, logo, navigation, primaryButton, optixFlowConfig, }: NavbarAnimatedPreviewProps) => react_jsx_runtime.JSX.Element;

export { NavbarAnimatedPreview, type NavbarAnimatedPreviewProps };
