@base-ui-components/react/esm/menu/arrow/useMenuArrow.js

Base UI is a library of headless ('unstyled') React components and low-level hooks. You gain complete control over your app's CSS and accessibility features.

'use client';

import * as React from 'react';
import { mergeReactProps } from '../../utils/mergeReactProps.js';
export function useMenuArrow(params) {
  const {
    arrowStyles
  } = params;
  const getArrowProps = React.useCallback((externalProps = {}) => {
    return mergeReactProps(externalProps, {
      style: arrowStyles
    });
  }, [arrowStyles]);
  return React.useMemo(() => ({
    getArrowProps
  }), [getArrowProps]);
}