import type { EditableNodeAttributes, NavItem as NavItemType } from "../types";
import { type StudioBreakpoint } from "../utils/responsivePresentation";
import { type StudioImageSource } from "./StudioImage";
export interface NavScrollStateStyle {
    logoHeight?: string;
    paddingX?: string;
    paddingY?: string;
    paddingTop?: string;
    paddingBottom?: string;
    gap?: string;
    backgroundColor?: string;
    backgroundOpacity?: number;
    shadow?: "none" | "sm" | "md" | "lg";
    backdrop?: "none" | "blur-sm" | "blur-md";
    border?: "none" | "subtle";
    foreground?: "light" | "dark";
}
export interface NavScrollTransition {
    durationMs?: number;
    easing?: "linear" | "ease" | "ease-in" | "ease-out" | "ease-in-out";
    logoCrossfade?: boolean;
}
export interface NavProps extends EditableNodeAttributes {
    logo?: StudioImageSource;
    siteName?: string;
    links?: NavItemType[];
    sticky?: boolean;
    scrollBehavior?: "none" | "compact";
    stickyLogo?: StudioImageSource;
    topStyle?: NavScrollStateStyle;
    scrolledStyle?: NavScrollStateStyle;
    scrollThreshold?: number;
    scrollTransition?: NavScrollTransition;
    layout?: "inline" | "stacked";
    overlay?: boolean;
    /** Let a containing layout place the nav while retaining its overlay styling. */
    positioning?: "auto" | "layout";
    colorScheme?: "light" | "dark";
    logoSize?: "sm" | "md" | "lg" | "xl";
    linkStyle?: "default" | "compact" | "tabs";
    mobileMenuStyle?: "dropdown" | "drawer";
    /** true: always collapsed; false: never collapsed; breakpoint: collapse below that width. */
    collapseAt?: StudioBreakpoint | boolean;
    frameMaxWidth?: string;
    contentMaxWidth?: string;
    logoHeight?: string;
    logoMaxWidth?: string;
    linkMinHeight?: string;
    linkGap?: string;
    logoNavGap?: string;
    linkFontSize?: string;
    linkLineHeight?: string;
    linkLetterSpacing?: string;
    paddingX?: string;
    paddingY?: string;
    tabBorderWidth?: string;
    drawerWidth?: string;
    className?: string;
}
export declare function Nav({ logo, siteName, links, sticky, scrollBehavior, stickyLogo, topStyle, scrolledStyle, scrollThreshold, scrollTransition, layout, overlay, positioning, colorScheme, logoSize, linkStyle, mobileMenuStyle, collapseAt, frameMaxWidth, contentMaxWidth, logoHeight, logoMaxWidth, linkMinHeight, linkGap, logoNavGap, linkFontSize, linkLineHeight, linkLetterSpacing, paddingX, paddingY, tabBorderWidth, drawerWidth, className, "data-node-id": dataNodeId, }: NavProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Nav.d.ts.map