import { jsx as t } from "@emotion/react/jsx-runtime";
import { useMemo as n } from "react";
import { getRailResizeHandleStyle as s } from "../../../helpers/panelRuntime.js";
import { PanelResizeRailStyled as m } from "../../../../../../../slots/AreasViewerSlots.js";
const f = ({
  panel: a,
  side: e,
  panelZIndexBase: r,
  onResizeStart: l
}) => {
  const o = n(
    () => s(e),
    [e]
  );
  return /* @__PURE__ */ t(
    m,
    {
      ownerState: { side: e, panelZIndexBase: r },
      "data-testid": `areas-panel-resize-rail-${e}`,
      children: /* @__PURE__ */ t(
        "div",
        {
          "data-testid": `areas-panel-resize-handle-${e}`,
          onMouseDown: (i) => {
            l(a, i);
          },
          style: o
        }
      )
    }
  );
};
export {
  f as PanelResizeRail
};
