import { jsx } from "react/jsx-runtime";
import { aQ as manifest } from "./use-page-data.CMUQyNAA.js";
import "@sinclair/typebox";
import { B as BrickRoot } from "./BrickRoot.D_a_fRJm.js";
import { a as InlineIcon } from "./iconify.DjLEvsi5.js";
import { b as useBrickStyle } from "./use-section-style.DjjgfIQS.js";
import { a as tx } from "./twind.DdSZmZu6.js";
function Icon({ brick, editable }) {
  const { props } = brick;
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsx(BrickRoot, { brick, editable, manifest, className: tx(Object.values(styles)), children: /* @__PURE__ */ jsx(InlineIcon, { icon: props.icon, width: props.size, height: props.size }) });
}
export {
  Icon as default
};
//# sourceMappingURL=icon.CvOJK-qh.js.map
