@yamada-ui/modal/dist/chunk-PXV3LL5A.mjs

Yamada UI modal component

"use client"
import {
  useModal
} from "./chunk-64A25YOZ.mjs";

// src/modal-close-button.tsx
import { CloseButton } from "@yamada-ui/close-button";
import { forwardRef } from "@yamada-ui/core";
import { cx, handlerAll } from "@yamada-ui/utils";
import { jsx } from "react/jsx-runtime";
var ModalCloseButton = forwardRef(
  ({ onClick, __css, ...rest }, ref) => {
    const { styles, onClose } = useModal();
    const css = {
      position: "absolute",
      ...__css ? __css : styles.closeButton
    };
    return /* @__PURE__ */ jsx(
      CloseButton,
      {
        ref,
        className: cx("ui-modal__close-button"),
        "aria-label": "Close modal",
        onClick: handlerAll(onClick, (ev) => {
          ev.stopPropagation();
          onClose == null ? void 0 : onClose();
        }),
        __css: css,
        ...rest
      }
    );
  }
);
ModalCloseButton.displayName = "ModalCloseButton";
ModalCloseButton.__ui__ = "ModalCloseButton";

export {
  ModalCloseButton
};
//# sourceMappingURL=chunk-PXV3LL5A.mjs.map