"use client";
import { jsx as e, jsxs as t } from "react/jsx-runtime";
import { Accordion as o } from "../../../components/shared/accordion.js";
import { Label as n } from "../../../components/shared/label.js";
import { useSettings as a } from "../../../hooks/use-settings.js";
import { SettingsType as m } from "../../../types/index.js";
import s from "../../../../../../node_modules/.pnpm/@monaco-editor_react@4.7.0_monaco-editor@0.52.2_react-dom@19.0.0_react@19.0.0__react@19.0.0/node_modules/@monaco-editor/react/dist/index.js";
const g = () => {
  const [r, l] = a("code", m.BLOCK);
  return /* @__PURE__ */ e(o, { defaultValue: "HTML", type: "single", collapsible: !0, children: /* @__PURE__ */ t(o.Item, { value: "HTML", children: [
    /* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "HTML Code" }),
    /* @__PURE__ */ t(o.Content, { className: "px-4 pb-5", children: [
      /* @__PURE__ */ e(n, { className: "mb-1.5", children: "HTML Code" }),
      /* @__PURE__ */ e(
        s,
        {
          value: r,
          onChange: l,
          defaultLanguage: "html",
          height: "150px",
          options: {
            minimap: { enabled: !1 }
          },
          className: " rounded border"
        }
      )
    ] })
  ] }) });
};
export {
  g as default
};
//# sourceMappingURL=html-content.control.js.map
