"use client";
import * as l from "react";
import { forwardRef as d } from "react";
import { clsx as g } from "../../../clsx/dist/clsx.js";
import { filterProps as p } from "../util/ReactUtils.js";
var y = ["children", "width", "height", "viewBox", "className", "style", "title", "desc"];
function c() {
  return c = Object.assign ? Object.assign.bind() : function(e) {
    for (var a = 1; a < arguments.length; a++) {
      var r = arguments[a];
      for (var t in r) ({}).hasOwnProperty.call(r, t) && (e[t] = r[t]);
    }
    return e;
  }, c.apply(null, arguments);
}
function w(e, a) {
  if (e == null) return {};
  var r, t, i = x(e, a);
  if (Object.getOwnPropertySymbols) {
    var n = Object.getOwnPropertySymbols(e);
    for (t = 0; t < n.length; t++) r = n[t], a.indexOf(r) === -1 && {}.propertyIsEnumerable.call(e, r) && (i[r] = e[r]);
  }
  return i;
}
function x(e, a) {
  if (e == null) return {};
  var r = {};
  for (var t in e) if ({}.hasOwnProperty.call(e, t)) {
    if (a.indexOf(t) !== -1) continue;
    r[t] = e[t];
  }
  return r;
}
var j = /* @__PURE__ */ d((e, a) => {
  var {
    children: r,
    width: t,
    height: i,
    viewBox: n,
    className: s,
    style: u,
    title: f,
    desc: h
  } = e, m = w(e, y), o = n || {
    width: t,
    height: i,
    x: 0,
    y: 0
  }, v = g("recharts-surface", s);
  return /* @__PURE__ */ l.createElement("svg", c({}, p(m, !0, "svg"), {
    className: v,
    width: t,
    height: i,
    style: u,
    viewBox: "".concat(o.x, " ").concat(o.y, " ").concat(o.width, " ").concat(o.height),
    ref: a
  }), /* @__PURE__ */ l.createElement("title", null, f), /* @__PURE__ */ l.createElement("desc", null, h), r);
});
export {
  j as Surface
};
