@dndbuilder.com/react
Version:
Drag and drop builder for React
35 lines (34 loc) • 1.36 kB
JavaScript
"use client";
import { jsxs as t, Fragment as r, jsx as e } from "react/jsx-runtime";
import { CustomCSSControl as o } from "../../controls/custom-css.control.js";
import { ThemeSettingsType as m, SettingsType as i } from "../../../types/index.js";
import { BsFiletypeCss as l } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/bs/index.js";
import { FiX as n } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/fi/index.js";
const C = ({ setCurrentSetting: s }) => /* @__PURE__ */ t(r, { children: [
/* @__PURE__ */ t("div", { className: "flex items-center justify-between border-b p-4", children: [
/* @__PURE__ */ t("div", { className: "flex items-center gap-2 text-base font-semibold", children: [
/* @__PURE__ */ e(l, {}),
"Custom CSS"
] }),
/* @__PURE__ */ e(
"button",
{
className: "text-gray-600 hover:text-gray-900",
onClick: () => s(m.GLOBAL),
children: /* @__PURE__ */ e(n, { size: 16 })
}
)
] }),
/* @__PURE__ */ e("div", { className: "p-4", children: /* @__PURE__ */ e(
o,
{
type: i.THEME,
fieldName: "customCss",
label: "Add your own custom CSS"
}
) })
] });
export {
C as default
};
//# sourceMappingURL=theme-custom-css-settings.js.map