"use client";
import { jsxs as e, jsx as r } from "react/jsx-runtime";
import { useActionContext as i } from "../../../contexts/action-context.js";
import { BuilderRightPanelType as o } from "../../../store/app-slice.js";
import { classNames as l } from "../../../utils/index.js";
import m from "./structure.js";
import s from "./theme-settings.js";
const u = () => {
  const { activeRightPanel: t } = i();
  return /* @__PURE__ */ e(
    "div",
    {
      className: l(
        "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 === o.SETTINGS && /* @__PURE__ */ r(s, {}),
        t === o.LAYER && /* @__PURE__ */ r(m, {})
      ]
    }
  );
};
export {
  u as RightPanel
};
//# sourceMappingURL=right-panel.js.map
