import { type LucideIcon } from 'lucide-react';
import { type CSSProperties, type ReactNode } from 'react';
export type StripeMenuTone = 'blue' | 'gray' | 'green' | 'orange' | 'purple' | 'red' | 'teal';
export type StripeMenuLink = {
    badge?: string;
    description?: string;
    href: string;
    icon?: LucideIcon;
    id: string;
    label: string;
    tone?: StripeMenuTone;
};
export type StripeMenuColumn = {
    id: string;
    links: StripeMenuLink[];
    title?: string;
};
export type StripeMenuDropdownItem = {
    columns: StripeMenuColumn[];
    footerLinks?: StripeMenuLink[];
    id: string;
    label: string;
    type?: 'dropdown';
    width?: number;
};
export type StripeMenuSimpleItem = {
    href: string;
    id: string;
    label: string;
    type: 'link';
};
export type StripeMenuItem = StripeMenuDropdownItem | StripeMenuSimpleItem;
export type StripeMenuNavLink = {
    href: string;
    icon?: LucideIcon;
    id: string;
    label: string;
    variant?: 'accent' | 'default';
};
export type StripeMenuProps = {
    ariaLabel?: string;
    className?: string;
    items?: StripeMenuItem[];
    logo?: ReactNode;
    logoHref?: string;
    mobileCta?: StripeMenuNavLink;
    secondaryLinks?: StripeMenuNavLink[];
    style?: CSSProperties;
};
export declare const StripeMenu: ({ ariaLabel, className, items, logo, logoHref, mobileCta, secondaryLinks, style, }: StripeMenuProps) => import("react/jsx-runtime").JSX.Element;