14 lines
603 B
JavaScript
14 lines
603 B
JavaScript
import * as React from 'react';
|
|
import { applyTriggerPropsToChildren, useMergedRefs } from '@fluentui/react-utilities';
|
|
import { useOverflowDivider } from '../../useOverflowDivider';
|
|
/**
|
|
* Attaches overflow item behavior to its child registered with the OverflowContext.
|
|
* It does not render an element of its own.
|
|
*/ export const OverflowDivider = /*#__PURE__*/ React.forwardRef((props, ref)=>{
|
|
const { groupId, children } = props;
|
|
const containerRef = useOverflowDivider(groupId);
|
|
return applyTriggerPropsToChildren(children, {
|
|
ref: useMergedRefs(containerRef, ref)
|
|
});
|
|
});
|