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