import { HTMLAttributes, ForwardRefExoticComponent, RefAttributes } from 'react';
/**
 * The ToolbarSpacer component is used to render an adjustable space within a Toolbar.
 *
 * ```typescript
 * import { Toolbar, ToolbarItem, ToolbarSpacer } from '@syncfusion/react-navigations';
 * export default function App() {
 *     return (
 *         <Toolbar>
 *             <ToolbarItem><button>New</button></ToolbarItem>
 *             <ToolbarItem><button>Open</button></ToolbarItem>
 *             <ToolbarSpacer />
 *             <ToolbarItem><button>Save</button></ToolbarItem>
 *         </Toolbar>
 *     );
 * }
 * ```
 */
export interface ToolbarSpacerProps {
    /**
     * Specifies an optional CSS class to apply to the toolbar spacer.
     * This is useful for reusing styling in a custom template.
     *
     * @default -
     */
    className?: string;
    /**
     * Spacer element within the toolbar.
     *
     * @private
     * @default -
     */
    element?: HTMLElement | null;
}
type IToolbarSpacerProps = ToolbarSpacerProps & HTMLAttributes<HTMLDivElement>;
export declare const ToolbarSpacer: ForwardRefExoticComponent<IToolbarSpacerProps & RefAttributes<IToolbarSpacerProps>>;
export default ToolbarSpacer;