'use client';
import * as React from 'react';
import { useBreadcrumbDivider_unstable } from './useBreadcrumbDivider';
import { renderBreadcrumbDivider_unstable } from './renderBreadcrumbDivider';
import { useBreadcrumbDividerStyles_unstable } from './useBreadcrumbDividerStyles.styles';
import { useCustomStyleHook_unstable } from '@fluentui/react-shared-contexts';
/**
 * A divider component which is used inside the Breadcrumb
 */ export const BreadcrumbDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
    const state = useBreadcrumbDivider_unstable(props, ref);
    useBreadcrumbDividerStyles_unstable(state);
    useCustomStyleHook_unstable('useBreadcrumbDividerStyles_unstable')(state);
    return renderBreadcrumbDivider_unstable(state);
});
BreadcrumbDivider.displayName = 'BreadcrumbDivider';