import { j as r } from "../../../../../_virtual/jsx-runtime.js";
import { a as s } from "../../../../sdk/dist/shared/chunk-PLSV746R.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 e from "../components/BrickRoot.js";
import { InlineIcon as p } from "../../../../../node_modules/.pnpm/@iconify_react@6.0.0_react@18.3.0-canary-3d9b20132-20240124/node_modules/@iconify/react/dist/iconify.js";
import { useBrickStyle as n } from "../hooks/use-brick-style.js";
import { tx as a } from "../../../../style-system/dist/twind.js";
function z({ brick: o, editable: i }) {
  const { props: t } = o, m = n(o);
  return /* @__PURE__ */ r.jsx(e, { brick: o, editable: i, manifest: s, className: a(Object.values(m)), children: /* @__PURE__ */ r.jsx(p, { icon: t.icon, width: t.size, height: t.size }) });
}
export {
  z as default
};
//# sourceMappingURL=icon.js.map
