import { jsx as e } from "react/jsx-runtime";
import "../../../../../store/selectors.js";
import "../../store/builder-slice.js";
import "react";
import "../../store/theme-slice.js";
import "../../config/builder.config.js";
import "../../../../../_virtual/cjs.js";
import { useAction as p } from "../../hooks/use-action.js";
import { classNames as t } from "../../../../../utils.js";
import { FiChevronLeft as s } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
const u = () => {
  const { isLeftPanelOpen: r, setIsLeftPanelOpen: o } = p();
  return /* @__PURE__ */ e(
    "div",
    {
      onClick: () => {
        o(!r);
      },
      className: t(
        "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-gray-200"
      ),
      children: /* @__PURE__ */ e(
        s,
        {
          className: t("text-gray-600", {
            "rotate-180": !r
          })
        }
      )
    }
  );
};
export {
  u as default
};
//# sourceMappingURL=collapse-shape.js.map
