Function Dialog

starters/hooks/src/Modal.tsx:77–91

({title, children, ...props}: DialogProps)

}

export function Dialog({title, children, ...props}: DialogProps) {
  let ref = useRef<HTMLDivElement>(null);
  let {dialogProps, titleProps} = useDialog(props, ref);

  return (
    <div {...dialogProps} ref={ref} className="react-aria-Dialog">
      {title && (
        <h3 {...titleProps} slot="title" className="react-aria-Heading">
          {title}
        </h3>
      )}
      {children}
    </div>
  );
}

export function CloseButton({children = 'Close'}: CloseButtonProps) {
  let state = useContext(OverlayStateContext);