import { jsx as t } from "react/jsx-runtime";
import { useActionContext as s } from "../../contexts/action-context.js";
import { classNames as r } from "../../utils/index.js";
import { FiChevronLeft as a } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
const m = () => {
  const { isLeftPanelOpen: e, setIsLeftPanelOpen: o } = s();
  return /* @__PURE__ */ t(
    "div",
    {
      onClick: () => {
        o(!e);
      },
      className: r(
        "absolute right-[-18px] top-[50%] z-[1000] flex h-[50px] w-[18px] translate-y-[-50%] cursor-pointer items-center justify-center rounded-r border border-l-0 bg-white shadow-[rgba(0,0,0,15%)_1px_0px_2px] hover:bg-slate-200"
      ),
      children: /* @__PURE__ */ t(
        a,
        {
          className: r("text-slate-600", {
            "rotate-180": !e
          })
        }
      )
    }
  );
};
export {
  m as default
};
//# sourceMappingURL=collapse-shape.js.map
