import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.js";
import { a as g } 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 BrickRoot from "../components/BrickRoot.js";
import { InlineIcon } from "../../../../../node_modules/.pnpm/@iconify_react@6.0.0_react@19.1.1/node_modules/@iconify/react/dist/iconify.js";
import { useBrickStyle } from "../hooks/use-brick-style.js";
import { tx as D } from "../../../../style-system/dist/twind.js";
function Icon({ brick, editable }) {
  const { props } = brick;
  const styles = useBrickStyle(brick);
  return /* @__PURE__ */ jsxRuntimeExports.jsx(BrickRoot, { brick, editable, manifest: g, className: D(Object.values(styles)), children: /* @__PURE__ */ jsxRuntimeExports.jsx(InlineIcon, { icon: props.icon, width: props.size, height: props.size }) });
}
export {
  Icon as default
};
//# sourceMappingURL=icon.js.map
