@dndbuilder.com/react
Version:
Drag and drop builder for React
61 lines (60 loc) • 2.29 kB
JavaScript
"use client";
import { jsx as e, jsxs as o } from "react/jsx-runtime";
import { InputControl as i } from "../../../components/controls/input.control.js";
import { LinkControl as r } from "../../../components/controls/link.control.js";
import { ToggleGroupControl as n } from "../../../components/controls/toggle-group.control.js";
import { Accordion as t } from "../../../components/shared/accordion.js";
import { SettingsType as l } from "../../../types/index.js";
import { AiOutlineAlignLeft as a, AiOutlineAlignCenter as m, AiOutlineAlignRight as s } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
import { TfiAlignJustify as g } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/tfi/index.js";
const N = () => /* @__PURE__ */ e(t, { defaultValue: "General", type: "single", collapsible: !0, children: /* @__PURE__ */ o(t.Item, { value: "General", children: [
/* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "General" }),
/* @__PURE__ */ o(t.Content, { className: "px-4", children: [
/* @__PURE__ */ e(
i,
{
label: "Text",
fieldName: "text",
type: l.BLOCK,
className: "mt-0",
isLocalized: !0
}
),
/* @__PURE__ */ e(r, { type: l.BLOCK }),
/* @__PURE__ */ e(
n,
{
type: l.BLOCK,
fieldName: "alignment",
label: "Alignment",
responsive: !0,
controls: [
{
tooltipContent: "Left",
toggleTrigger: /* @__PURE__ */ e(a, { className: "text-sm" }),
value: "left"
},
{
tooltipContent: "Center",
toggleTrigger: /* @__PURE__ */ e(m, { className: "text-sm" }),
value: "center"
},
{
tooltipContent: "Right",
toggleTrigger: /* @__PURE__ */ e(s, { className: "text-sm" }),
value: "right"
},
{
tooltipContent: "Justified",
toggleTrigger: /* @__PURE__ */ e(g, { className: "text-sm" }),
value: "justify"
}
]
}
)
] })
] }) });
export {
N as default
};
//# sourceMappingURL=link-content-control.js.map