@dndbuilder.com/react
Version:
Drag and drop builder for React
34 lines (33 loc) • 1.07 kB
JavaScript
"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