"use client";
import { jsxs as o, jsx as r } from "react/jsx-runtime";
import { BuilderRightPanelType as i } from "../../../types/index.js";
import { classNames as m } from "../../../../../../utils.js";
import e from "./structure.js";
import l from "./theme-settings.js";
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";
const T = () => {
  const { activeRightPanel: t } = p();
  return /* @__PURE__ */ o(
    "div",
    {
      className: m(
        "absolute z-30 flex h-full w-[290px] flex-col bg-white shadow-sm transition-all duration-300",
        t !== null ? "right-0" : "right-[-290px]"
      ),
      children: [
        t === i.SETTINGS && /* @__PURE__ */ r(l, {}),
        t === i.LAYER && /* @__PURE__ */ r(e, {})
      ]
    }
  );
};
export {
  T as RightPanel
};
//# sourceMappingURL=right-panel.js.map
