import { j as jsxRuntimeExports } from "./jsx-runtime.CXYVdt5g.js";
import { aW as manifest } from "./use-page-data.iZIVKDBc.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.BVVfH7jL.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.p_Ewn1fr.js.map
