@base-ui-components/react/esm/dialog/close/useDialogClose.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 { mergeReactProps } from '../../utils/mergeReactProps.js';
import { useEventCallback } from '../../utils/useEventCallback.js';
export function useDialogClose(params) {
  const {
    open,
    setOpen
  } = params;
  const handleClick = useEventCallback(event => {
    if (open) {
      setOpen(false, event.nativeEvent, 'click');
    }
  });
  const getRootProps = externalProps => mergeReactProps(externalProps, {
    onClick: handleClick
  });
  return {
    getRootProps
  };
}