import type { HTMLAttributeAnchorTarget, ReactNode } from 'react';
type MenuItemProps = {
    readonly text: string;
    readonly toggle: boolean;
    readonly onClickToggle: () => void;
    readonly path?: string;
    readonly icon?: ReactNode;
    readonly isActive?: boolean;
    readonly target?: HTMLAttributeAnchorTarget;
    readonly level?: number;
    readonly isOpen?: boolean;
};
/**
 * MenuItem component for rendering a navigation menu item with optional toggle functionality.
 *
 * @component
 * @example
 * // Example usage of MenuItem component
 * <MenuItem
 *   text="Home"
 *   path="/home"
 *   toggle={true}
 *   onClickToggle={() => console.log('Toggle clicked')}
 *   icon={<SomeIcon />}
 *   isActive={true}
 * />
 *
 * @param {Object} props - The properties of the MenuItem component.
 * @param {string} props.text - The text to display for the menu item.
 * @param {string} props.path - The URL path the menu item links to.
 * @param {boolean} props.toggle - Whether the menu item has a toggle functionality.
 * @param {Function} props.onClickToggle - Callback function triggered when the toggle is clicked.
 * @param {ReactNode} [props.icon] - Optional icon to display alongside the menu item text.
 * @param {boolean} [props.isActive] - Whether the menu item is currently active.
 *
 * @returns {ReactNode} The rendered MenuItem component.
 */
export declare function MenuItem({ text, path, toggle, onClickToggle, icon, isActive, target, level, isOpen, }: MenuItemProps): ReactNode;
export {};
//# sourceMappingURL=MenuItem.d.ts.map