'use client';
import * as React from 'react';
import { useToolbarDividerStyles_unstable } from './useToolbarDividerStyles.styles';
import { renderDivider_unstable } from '@fluentui/react-divider';
import { useToolbarDivider_unstable } from './useToolbarDivider';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
/**
 * ToolbarDivider component
 */ export const ToolbarDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
    const state = useToolbarDivider_unstable(props, ref);
    useToolbarDividerStyles_unstable(state);
    useCustomStyleHook_unstable('useToolbarDividerStyles_unstable')(state);
    return renderDivider_unstable(state);
});
ToolbarDivider.displayName = 'ToolbarDivider';