"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
