@base-ui-components/react/esm/popover/close/usePopoverClose.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.

import * as React from 'react';
import { mergeReactProps } from '../../utils/mergeReactProps.js';
import { useEventCallback } from '../../utils/useEventCallback.js';
export function usePopoverClose(params) {
  const {
    onClose: onCloseProp
  } = params;
  const onClose = useEventCallback(onCloseProp);
  const getCloseProps = React.useCallback((externalProps = {}) => {
    return mergeReactProps(externalProps, {
      onClick: onClose
    });
  }, [onClose]);
  return React.useMemo(() => ({
    getCloseProps
  }), [getCloseProps]);
}