import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.js";
import { a as p } from "../../../../sdk/dist/shared/chunk-FLOMNC6J.js";
import "../../../../sdk/dist/shared/chunk-3YVJ2ELD.js";
import "../../../../sdk/dist/shared/chunk-AFVJZPLS.js";
import "@sinclair/typebox";
import "../../../../sdk/dist/shared/chunk-A3GF4PYW.js";
import "../../../../sdk/dist/shared/chunk-W33JMRRN.js";
import BrickRoot from "../components/BrickRoot.js";
import { useBrickStyle } from "../hooks/use-brick-style.js";
import { tx as D } from "../../../../style-system/dist/twind.js";
function Html({ brick, editable }) {
  const { props } = brick;
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsxRuntimeExports.jsx(BrickRoot, { brick, editable, manifest: p, className: D(Object.values(styles)), children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { dangerouslySetInnerHTML: { __html: props.html } }) });
}
export {
  Html as default
};
//# sourceMappingURL=html.js.map
