import { jsx as l } from "@emotion/react/jsx-runtime";
import { RootStyled as m } from "./slots/ResizableSlots.js";
import { useResizable as n } from "../hooks/useResizable.js";
import { RESIZING_CLASS_NAME as R } from "./constants.js";
import S from "clsx";
const d = (o) => {
  const { onResizeStart: t, onResizeStop: s, ...e } = o, { isResizing: r, localHandleResizeStart: i, localHandleResizeStop: a } = n(t, s);
  return /* @__PURE__ */ l(
    m,
    {
      ownerState: {},
      ...e,
      onResizeStart: i,
      onResizeStop: a,
      className: S(r ? R : "", e.className)
    }
  );
};
export {
  d as Resizable
};
