"use client";
import { jsxs as l, jsx as e } from "react/jsx-runtime";
import { Dialog as r } from "../shared/dialog.js";
import { FiX as i } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
const s = ({ children: t }) => /* @__PURE__ */ l(r, { children: [
  /* @__PURE__ */ e(r.Trigger, { asChild: !0, children: t }),
  /* @__PURE__ */ l(r.Portal, { children: [
    /* @__PURE__ */ e(r.Overlay, {}),
    /* @__PURE__ */ l(r.Content, { className: " flex w-full max-w-5xl flex-col", children: [
      /* @__PURE__ */ l(r.Title, { className: "flex justify-between border-b p-4", children: [
        /* @__PURE__ */ e("div", { className: "text-xl font-bold", children: "Block Library" }),
        /* @__PURE__ */ e(r.Close, { asChild: !0, children: /* @__PURE__ */ e(
          "button",
          {
            className: "focus:outline-hidden text-gray-500 transition-colors duration-150 hover:text-gray-700",
            "aria-label": "Close",
            children: /* @__PURE__ */ e(i, { size: 20 })
          }
        ) })
      ] }),
      /* @__PURE__ */ l("div", { className: "grow p-4 pb-28 pt-20 text-center", children: [
        /* @__PURE__ */ e("p", { className: "text-3xl font-semibold tracking-wide", children: "Coming Soon" }),
        /* @__PURE__ */ e("p", { className: "mt-2 text-gray-600", children: "Our block library is under construction. Stay tuned!" })
      ] })
    ] })
  ] })
] });
export {
  s as default
};
//# sourceMappingURL=block-library.js.map
