import R from "../../@babel/runtime/helpers/esm/extends.mjs";
import x from "../../@babel/runtime/helpers/esm/objectSpread2.mjs";
import D from "../../classnames/index.mjs";
import * as n from "react";
import "../../rc-util/es/hooks/useLayoutEffect.mjs";
import { useComposeRef as E } from "../../rc-util/es/ref.mjs";
import "../../rc-util/es/warning.mjs";
import { RefContext as N } from "./context.mjs";
var w = function(e) {
  var o = e.prefixCls, a = e.className, r = e.style, t = e.children, l = e.containerRef, i = e.id, m = e.onMouseEnter, s = e.onMouseOver, c = e.onMouseLeave, f = e.onClick, u = e.onKeyDown, d = e.onKeyUp, v = {
    onMouseEnter: m,
    onMouseOver: s,
    onMouseLeave: c,
    onClick: f,
    onKeyDown: u,
    onKeyUp: d
  }, y = n.useContext(N), C = y.panel, M = E(C, l);
  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", R({
    id: i,
    className: D("".concat(o, "-content"), a),
    style: x({}, r),
    "aria-modal": "true",
    role: "dialog",
    ref: M
  }, v), t));
};
process.env.NODE_ENV !== "production" && (w.displayName = "DrawerPanel");
export {
  w as default
};
