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

interface SubMenuItem {
    title: string;
    url: string;
    description?: string;
    icon?: string;
}
interface MenuItem {
    title: string;
    url?: string;
    items?: SubMenuItem[];
}
/**
 * Props for the NavbarSplitCta component
 */
interface NavbarSplitCtaProps {
    className?: string;
    logo?: {
        url: string;
        src: string;
        alt: string;
        title: string;
    };
    menu?: MenuItem[];
    primaryCta?: {
        label: string;
        url: string;
    };
    secondaryCta?: {
        label: string;
        url: string;
    };
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * NavbarSplitCta - A navigation bar with split primary and secondary call-to-action buttons.
 *
 * Features a balanced layout with navigation links on the left and two distinct CTA buttons
 * on the right - a secondary outline button and a primary filled button. The dropdown menus
 * display items with icons and descriptions in a clean list format. Mobile view uses a
 * slide-out sheet with the CTAs prominently displayed at the top. Ideal for SaaS products
 * and services that want to emphasize both login/signup or demo/trial actions.
 */
declare const NavbarSplitCta: ({ className, logo, menu, primaryCta, secondaryCta, optixFlowConfig, }: NavbarSplitCtaProps) => react_jsx_runtime.JSX.Element;

export { NavbarSplitCta, type NavbarSplitCtaProps };
