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;
    iconColor?: string;
}
interface MenuItem {
    title: string;
    url?: string;
    links?: MenuLink[];
}
/**
 * Props for the NavbarDarkIcons component
 */
interface NavbarDarkIconsProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    navigation?: MenuItem[];
    primaryButton?: {
        label: string;
        url: string;
    };
    githubUrl?: string;
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarDarkIcons - A dark-themed navigation bar with colorful icon indicators.
 *
 * Features a dark background with dropdown menus containing colorful icons next to
 * each menu item. Includes a GitHub stars counter button and primary CTA. Mobile
 * view uses a full-screen dark sheet with accordion navigation. Ideal for developer
 * tools, open-source projects, and tech-focused applications.
 */
declare const NavbarDarkIcons: ({ className, logo, navigation, primaryButton, githubUrl, optixFlowConfig, }: NavbarDarkIconsProps) => react_jsx_runtime.JSX.Element;

export { NavbarDarkIcons, type NavbarDarkIconsProps };
