@dndbuilder.com/react
Version:
Drag and drop builder for React
65 lines (64 loc) • 2.23 kB
JavaScript
"use client";
import { jsx as e, jsxs as l } 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 { MediaControl as n } from "../../../components/controls/media.control.js";
import { ToggleGroupControl as a } from "../../../components/controls/toggle-group.control.js";
import { Accordion as t } from "../../../components/shared/accordion.js";
import { SettingsType as o } from "../../../types/index.js";
import { AiOutlineAlignLeft as m, AiOutlineAlignCenter as g, AiOutlineAlignRight as s } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/ai/index.js";
const A = () => /* @__PURE__ */ e(t, { defaultValue: "Image", type: "single", collapsible: !0, children: /* @__PURE__ */ l(t.Item, { value: "Image", children: [
/* @__PURE__ */ e(t.Trigger, { className: "p-4", children: "Image" }),
/* @__PURE__ */ l(t.Content, { className: "px-4", children: [
/* @__PURE__ */ e(
n,
{
type: o.BLOCK,
fieldName: "media",
label: "Choose Image",
className: "mt-0"
}
),
/* @__PURE__ */ e(
a,
{
type: o.BLOCK,
fieldName: "alignment",
label: "Alignment",
responsive: !0,
controls: [
{
tooltipContent: "Left",
toggleTrigger: /* @__PURE__ */ e(m, { className: "text-sm" }),
value: "flex-start"
},
{
tooltipContent: "Center",
toggleTrigger: /* @__PURE__ */ e(g, { className: "text-sm" }),
value: "center"
},
{
tooltipContent: "Right",
toggleTrigger: /* @__PURE__ */ e(s, { className: "text-sm" }),
value: "flex-end"
}
]
}
),
/* @__PURE__ */ e(r, { type: o.BLOCK }),
/* @__PURE__ */ e(
i,
{
type: o.BLOCK,
fieldName: "caption.text",
label: "Caption",
direction: "col",
isLocalized: !0
}
)
] })
] }) });
export {
A as default
};
//# sourceMappingURL=image-content.control.js.map