import * as React from 'react';
/**
* A single navigation link rendered in the navbar.
*/
export interface MarketingNavLink {
label: string;
href: string;
}
/**
* A call-to-action button rendered on the right side of the navbar.
*/
export interface MarketingNavbarCta {
label: string;
href?: string;
onClick?: () => void;
}
export interface MarketingNavbarProps {
/** Logo slot — pass a rendered logo element (e.g. ``). */
logo: React.ReactNode;
/** Primary navigation links, shown inline on desktop and stacked on mobile. */
links: MarketingNavLink[];
/** Primary call-to-action, rendered as a solid `Button`. */
cta?: MarketingNavbarCta;
/** Secondary call-to-action, rendered as an outline `Button`. */
secondaryCta?: MarketingNavbarCta;
/** Shows the design system's language selector. Defaults to `true` — `LanguageSelector` auto-hides itself when only one language is configured. */
showLanguageSelector?: boolean;
/** Accessible label for the mobile menu trigger when closed. */
openMenuLabel?: string;
/** Accessible label for the mobile menu trigger when open. */
closeMenuLabel?: string;
className?: string;
}
/**
* Sticky header for public marketing pages.
*
* @description
* Distinct from the app-shell `Header` (used inside the authenticated product layout):
* this navbar is for public-facing marketing sites, with a logo slot, inline nav links,
* and up to two CTA buttons. Collapses into a full-width dropdown panel on mobile.
*
* @ai-rules
* 1. Pass the logo as a rendered node via the `logo` prop — do not couple this file to any specific logo component.
* 2. Use `cta` for the primary action (solid button) and `secondaryCta` for a lower-emphasis action (outline button).
* 3. Each link/CTA needs either `href` (renders an ``) or `onClick` — CTAs support both.
*/
export declare function MarketingNavbar({ logo, links, cta, secondaryCta, showLanguageSelector, openMenuLabel, closeMenuLabel, className, }: MarketingNavbarProps): React.JSX.Element;