"use client";
import { jsx as e, jsxs as s } from "react/jsx-runtime";
import { memo as n } from "react";
import { AiOutlinePlus as o, AiFillFile as a } 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 = n(
  ({ blockId: t, showBlockLibrary: l = !1, className: r, onBlockAdded: i }) => /* @__PURE__ */ e("div", { className: r, children: /* @__PURE__ */ e(d, { blockId: t, onBlockAdded: i, children: /* @__PURE__ */ s("div", { className: "flex w-36 items-center justify-center gap-3 rounded-full bg-white p-3", children: [
    /* @__PURE__ */ e(c, { blockId: t, onBlockAdded: i, children: /* @__PURE__ */ e(
      "div",
      {
        role: "button",
        className: "flex h-12 w-12 items-center justify-center rounded-full bg-slate-800 transition-colors duration-150 hover:bg-slate-900",
        "aria-label": "Select Container",
        children: /* @__PURE__ */ e("span", { className: "inline-block rounded-full bg-white p-[3px]", children: /* @__PURE__ */ e(o, { className: "text-slate-800", size: 12 }) })
      }
    ) }),
    l && /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
      "div",
      {
        role: "button",
        className: "flex h-12 w-12 items-center justify-center rounded-full bg-slate-800 hover:bg-slate-900",
        children: /* @__PURE__ */ e(a, { size: 20, className: "text-white" })
      }
    ) })
  ] }) }) })
);
f.displayName = "AddNewSection";
export {
  f as default
};
//# sourceMappingURL=add-new-section.js.map
