import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
/**
 * The ToolbarSeparator component is used for rendering a visual separation between items in a Toolbar.
 *
 * ```typescript
 * import { Toolbar, ToolbarItem, ToolbarSeparator } from '@syncfusion/react-navigations';
 * export default function App() {
 *     return (
 *         <Toolbar>
 *             <ToolbarItem><button>Cut</button></ToolbarItem>
 *             <ToolbarSeparator />
 *             <ToolbarItem><button>Copy</button></ToolbarItem>
 *         </Toolbar>
 *     );
 * }
 * ```
 */
export interface ToolbarSeparatorProps {
    /**
     * Specifies an optional CSS class to apply to the toolbar separator.
     * This is useful for reusing styling in a custom template.
     *
     * @default -
     */
    className?: string;
    /**
     * Separator element within the toolbar.
     *
     * @private
     * @default -
     */
    element?: HTMLElement | null;
}
type IToolbarSeparatorProps = ToolbarSeparatorProps & HTMLAttributes<HTMLDivElement>;
export declare const ToolbarSeparator: ForwardRefExoticComponent<IToolbarSeparatorProps & RefAttributes<ToolbarSeparatorProps>>;
export default ToolbarSeparator;