import { j as jsxRuntimeExports } from "./jsx-runtime.CXYVdt5g.js";
import { b9 as manifest } from "./use-editor.CurXdZnZ.js";
import "@sinclair/typebox";
import "lodash-es";
import { B as BrickRoot } from "./BrickRoot.C4Jpjw20.js";
import { a as InlineIcon } from "./iconify.DjLEvsi5.js";
import { b as useBrickStyle } from "./use-section-style.D8_SY6rK.js";
import { a as tx } from "./twind.B1qQmF_s.js";
function Icon({ brick, editable }) {
  const { props } = brick;
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsxRuntimeExports.jsx(BrickRoot, { brick, editable, manifest, className: tx(Object.values(styles)), children: /* @__PURE__ */ jsxRuntimeExports.jsx(InlineIcon, { icon: props.icon, width: props.size, height: props.size }) });
}
export {
  Icon as default
};
//# sourceMappingURL=icon.Ce2gsnlw.js.map
