import * as react_jsx_runtime from 'react/jsx-runtime';
import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-qC2HCInM.js';
import { a as ILinkItem, b as IMenuLinkGroup, L as LogoConfig, N as NavbarLayoutVariant } from './types-ldjwVMcl.js';
import { A as ActionConfig, O as OptixFlowConfig } from './blocks-DL92rOxr.js';
import 'class-variance-authority';
import '@page-speed/pressable';
import '@opensite/hooks/usePlatformFromUrl';

/**
 * Layout types for dropdown menus
 *
 * LAYOUT OPTIONS FOR AI PAGE BUILDER:
 *
 * 1. "simple-list"
 *    - Visual: Single column vertical list of items with icons and descriptions
 *    - Behavior: Clean, straightforward list with hover effects
 *    - Best for: Basic navigation, simple feature lists, straightforward menus
 *    - Required data: dropdownItems[] with title, description, href, icon
 *    - Example use case: Simple "Products" menu with 3-5 product links
 *
 * 2. "featured-grid"
 *    - Visual: Large featured item on left (with image), grid of smaller items on right
 *    - Behavior: Featured item draws attention, grid items are secondary
 *    - Best for: Highlighting a primary offering while showing related options
 *    - Required data: featuredItem with title, description, href, imgUrl, badge (optional)
 *                     dropdownItems[] for grid items
 *    - Example use case: "Platform" menu featuring main product with related tools
 *
 * 3. "two-column-cta"
 *    - Visual: Two-column grid of items with a prominent CTA card at the bottom
 *    - Behavior: Grid layout with call-to-action emphasis
 *    - Best for: Feature showcases with conversion goal, product listings with trial CTA
 *    - Required data: dropdownItems[] for grid items
 *                     ctaCard with title, description, href, imgUrl, badge (optional)
 *    - Example use case: "Use Cases" menu with CTA for "Start Free Trial"
 *
 * 4. "list-showcase"
 *    - Visual: Left column has vertical list, right column has showcase/highlight cards
 *    - Behavior: Balanced layout showing main items and special highlights
 *    - Best for: Developer tools with featured integrations, resources with highlights
 *    - Required data: dropdownItems[] for main list
 *                     showcaseItems[] with title, description, href, imgUrl, badge (optional)
 *    - Example use case: "Developers" menu with API docs list and featured SDKs
 *
 * 5. "multi-section"
 *    - Visual: Multiple labeled sections with grouped items, plus optional CTA card
 *    - Behavior: Organized sections for complex navigation hierarchies
 *    - Best for: Resource hubs, documentation, content-heavy navigation
 *    - Required data: sections[] with label and items[]
 *                     ctaCard (optional) for promotional content
 *    - Example use case: "Resources" menu with sections for Blog, News, Case Studies, Customers
 */
type DropdownLayout = "simple-list" | "featured-grid" | "two-column-cta" | "list-showcase" | "multi-section";
/**
 * Menu link configuration with layout-based dropdown options
 */
interface IMenuLink {
    label: React.ReactNode;
    href?: string;
    layout?: DropdownLayout;
    links?: ILinkItem[];
    dropdownGroups?: IMenuLinkGroup[];
}
/**
 * Props for the NavbarPlatformResources component
 */
interface NavbarPlatformResourcesProps {
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the navigation menu
     */
    navigationMenuClassName?: string;
    /**
     * Additional CSS classes for the navigation menu list
     */
    navigationMenuListClassName?: string;
    /**
     * Additional CSS classes for the actions container
     */
    actionsClassName?: string;
    /**
     * Additional CSS classes for the logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the mobile menu
     */
    mobileMenuClassName?: string;
    /**
     * Logo configuration
     */
    logo?: LogoConfig;
    /**
     * Custom slot for logo (overrides logo object)
     */
    logoSlot?: React.ReactNode;
    /**
     * Navigation menu links with optional dropdown groups
     */
    menuLinks?: IMenuLink[];
    /**
     * Actions rendered on the right side (desktop) and bottom (mobile)
     */
    actions?: ActionConfig[];
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
    /**
     * Layout variant for the navbar
     */
    layoutVariant?: NavbarLayoutVariant;
    /** Optional Section ID */
    sectionId?: string;
}
/**
 * NavbarPlatformResources - A navigation bar with flexible dropdown menus and action buttons.
 *
 * Supports grouped dropdowns or simple links via menuLinks, with dropdown items that can
 * display icons or images. Mobile view uses a full-screen overlay with accordion navigation.
 * Ideal for platforms that need configurable navigation and supporting resources.
 */
declare const NavbarPlatformResources: ({ sectionId, className, containerClassName, navigationMenuClassName, navigationMenuListClassName, actionsClassName, logoClassName, mobileMenuClassName, logo, logoSlot, menuLinks, actions, layoutVariant, background, spacing, pattern, patternOpacity, optixFlowConfig, }: NavbarPlatformResourcesProps) => react_jsx_runtime.JSX.Element;

export { type DropdownLayout, ILinkItem, type IMenuLink, IMenuLinkGroup, LogoConfig, NavbarPlatformResources, type NavbarPlatformResourcesProps };
