import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
/**
 * The ToolbarItem component allows for the rendering of individual items within a Toolbar.
 *
 * ```typescript
 * import { Toolbar, ToolbarItem } from '@syncfusion/react-navigations';
 * export default function App() {
 *     return (
 *         <Toolbar>
 *             <ToolbarItem className="action-button" style={{ backgroundColor: '#f0f0f0' }}>
 *                 <button>Cut</button>
 *             </ToolbarItem>
 *         </Toolbar>
 *     );
 * }
 * ```
 */
export interface ToolbarItemProps {
    /**
     * Specifies an optional CSS class to apply to the toolbar item.
     * This is useful for reusing styling in a custom template.
     *
     * @default -
     */
    className?: string;
    /**
     * Toolbar item element.
     *
     * @private
     * @default -
     */
    element?: HTMLElement | null;
    /**
     * Specifies the content of the toolbar item.
     * Can be text or any valid React node.
     *
     * @default -
     */
    children?: React.ReactNode;
}
type IToolbarItemProps = ToolbarItemProps & HTMLAttributes<HTMLDivElement>;
export declare const ToolbarItem: ForwardRefExoticComponent<IToolbarItemProps & RefAttributes<IToolbarItemProps>>;
export default ToolbarItem;