import { type LiHTMLAttributes, type ReactNode } from "react";
import { type ButtonProps } from "../button/Button.js";
import { type CollapseTransitionHookOptions } from "../transition/useCollapseTransition.js";
import { type PropsWithRef } from "../types.js";
import { type NavGroupProps } from "./NavGroup.js";
import { type NavItemButtonRotatorProps } from "./NavItemButton.js";
/**
 * @since 6.0.0
 */
export interface CollapsibleNavGroupProps extends NavGroupProps, NavItemButtonRotatorProps {
    liProps?: PropsWithRef<LiHTMLAttributes<HTMLLIElement>>;
    buttonProps?: PropsWithRef<ButtonProps>;
    collapseOptions?: Omit<CollapseTransitionHookOptions<HTMLUListElement>, "nodeRef" | "className" | "transitionIn">;
    /**
     * The children to render in the {@link NavItemButton} that toggles the
     * collapsed state
     */
    buttonChildren: ReactNode;
    /**
     * The content that should be rendered in the non-collapsed {@link NavGroup}.
     */
    children: ReactNode;
    collapsed: boolean;
    toggleCollapsed: () => void;
}
/**
 * **Client Component**
 *
 * @see {@link https://react-md.dev/components/navigation | Navigation Demos}
 * @since 6.0.0
 */
export declare const CollapsibleNavGroup: import("react").ForwardRefExoticComponent<CollapsibleNavGroupProps & import("react").RefAttributes<HTMLUListElement>>;
