@dndbuilder.com/react
Version:
Drag and drop builder for React
34 lines (33 loc) • 1.64 kB
JavaScript
"use client";
import { jsx as e, jsxs as n } from "react/jsx-runtime";
import { memo as o } from "react";
import { AiOutlinePlus as a, AiFillFile as s } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
import c from "./add-container.js";
import d from "./block-dropzone.js";
import m from "./block-library.js";
const f = o(
({ blockId: r, showBlockLibrary: t = !1, className: l, onBlockAdded: i }) => /* @__PURE__ */ e("div", { className: l, children: /* @__PURE__ */ e(d, { blockId: r, onBlockAdded: i, children: /* @__PURE__ */ n("div", { className: "flex w-36 items-center justify-center gap-3 rounded-full bg-white p-3", children: [
/* @__PURE__ */ e(c, { blockId: r, onBlockAdded: i, children: /* @__PURE__ */ e(
"div",
{
role: "button",
className: "flex h-12 w-12 items-center justify-center rounded-full bg-gray-800 transition-colors duration-150 hover:bg-gray-900",
"aria-label": "Select Container",
children: /* @__PURE__ */ e("span", { className: "inline-block rounded-full bg-white p-[3px]", children: /* @__PURE__ */ e(a, { className: "text-gray-800", size: 12 }) })
}
) }),
t && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
"div",
{
role: "button",
className: "flex h-12 w-12 items-center justify-center rounded-full bg-gray-800 hover:bg-gray-900",
children: /* @__PURE__ */ e(s, { size: 20, className: "text-white" })
}
) })
] }) }) })
);
f.displayName = "AddNewSection";
export {
f as default
};
//# sourceMappingURL=add-new-section.js.map