alinea/dist/ui/Icon.js

[](https://npmjs.org/package/alinea) [](https://packagephobia.com/result?p=alinea)

import "../chunks/chunk-U5RRZUYZ.js";

// src/ui/Icon.module.scss
var Icon_module_default = {
  "root": "alinea-Icon",
  "is-round": "alinea-Icon-is-round",
  "isRound": "alinea-Icon-is-round",
  "is-active": "alinea-Icon-is-active",
  "isActive": "alinea-Icon-is-active"
};

// src/ui/Icon.tsx
import { fromModule } from "./util/Styler.js";
import { px } from "./util/Units.js";
import { jsx } from "react/jsx-runtime";
var styles = fromModule(Icon_module_default);
function Icon({
  icon,
  size,
  round,
  active,
  variant,
  ...props
}) {
  const IconView = icon;
  if (!IconView)
    return null;
  return /* @__PURE__ */ jsx(
    "i",
    {
      ...props,
      style: { ...props.style, fontSize: size ? px(size) : void 0 },
      className: styles.root.mergeProps(props)({ round, active }, variant),
      children: typeof IconView === "function" ? /* @__PURE__ */ jsx(IconView, {}) : IconView
    }
  );
}
export {
  Icon
};