import React from 'react';
import { FlintNavigationMenuContent as FlintNavigationMenuContentElement } from '@getufy/flint-ui/navigation-menu/flint-navigation-menu-content';
export interface FlintNavigationMenuContentToggleDetail {
    contentId: string;
    open: boolean;
}
/**
 * @slot default - Menu content items
 */
export interface FlintNavigationMenuContentProps extends Omit<React.HTMLAttributes<FlintNavigationMenuContentElement>, 'id' | 'dir'> {
    /** Unique identifier for this content panel */
    id?: string;
    /** Whether the content is open/visible */
    open?: boolean;
    /**
     * The direction (ltr or rtl)
     * Allowed values: 'ltr' | 'rtl'
     */
    dir?: 'ltr' | 'rtl';
    /** Gap between items in the content */
    gap?: number;
    /**
     * Fired when the content panel opens or closes. detail: `{ contentId: string, open: boolean }`
     * DOM event: `flint-navigation-menu-content-toggle`
     */
    onFlintNavigationMenuContentToggle?: (event: CustomEvent<FlintNavigationMenuContentToggleDetail>) => void;
}
export declare const FlintNavigationMenuContent: React.ForwardRefExoticComponent<FlintNavigationMenuContentProps & React.RefAttributes<FlintNavigationMenuContentElement>>;