/**
 * @license
 *-------------------------------------------------------------------------------------------
 * Copyright © 2026 Progress Software Corporation. All rights reserved.
 * Licensed under commercial license. See LICENSE.md in the package root for more information
 *-------------------------------------------------------------------------------------------
 */
import { SVGIcon } from '@progress/kendo-react-common';
/**
 * An interface which holds the shared properties of the MenuItemModel and the MenuItem components.
 */
export interface BaseMenuItem {
    /**
     * Specifies the item text ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-text)).
     */
    text?: string;
    /**
     * Specifies a URL which is rendered as a `href` attribute on the item link ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-url)).
     */
    url?: string;
    /**
     * Specifies the name of the [font icon](https://www.telerik.com/kendo-react-ui/components/styling/icons#toc-list-of-font-icons) that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
     */
    icon?: string;
    /**
     * Specifies the SVG icon that will be rendered for the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-icon)).
     */
    svgIcon?: SVGIcon;
    /**
     * Specifies if the item is disabled ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-disabled-items)).
     */
    disabled?: boolean;
    /**
     * The additional CSS classes that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
     */
    cssClass?: string;
    /**
     * The CSS styles that will be rendered on the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/properties#toc-styles-and-classes)).
     */
    cssStyle?: React.CSSProperties;
    /**
     * A React functional or class component which is used for rendering the innermost part of the Menu item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-items)). By default, the innermost item part includes only the text for the item.
     */
    render?: any;
    /**
     * A React functional or class component which is used for rendering the link of the item ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-links)). The item link is a part of the visual representation of the item which, by default, includes an arrow, icon, and text.
     */
    linkRender?: any;
    /**
     * A React functional or class component which is used for rendering content instead of the item children ([see example](https://www.telerik.com/kendo-react-ui/components/layout/menu/items/rendering#toc-content)).
     */
    contentRender?: any;
    /**
     * Represents any additional data that is associated with the Menu item.
     */
    data?: any;
    /**
     * @hidden
     */
    children?: React.ReactNode;
    /**
     * Specifies if this is a separator item. If set to true only the `cssClass` and `cssStyle` props should be rendered along.
     */
    separator?: boolean;
}
