@primer/react-brand/esm/Icon/Icon.js

Primer Brand is a GitHub's design system for creating React-based marketing websites and digital experiences.

import e from "../node_modules/clsx/dist/clsx.js";
import { Colors as t } from "../constants.js";
import n from "./Icon.module.js";
import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-CctMSz17.css';import '../packages/design-tokens/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes-Bjhpbkke.css';/* empty css                                                                                       */
/* empty css                                                                                                  */
import r from "react";
import { jsx as i } from "react/jsx-runtime";
//#region src/Icon/Icon.tsx
var a = [
	"small",
	"medium",
	"large"
], o = [
	20,
	24,
	28,
	32,
	36,
	40,
	44
], s = (e) => typeof e == "number", c = [...a, ...o], l = c[0], u = {
	small: 20,
	medium: 32,
	large: 44
}, d = (e) => s(e) ? e : u[e], f = t, p = f[0], m = ({ icon: t, className: a, color: o = p, hasBackground: s = !1, size: c = l, ...u }) => {
	let f = d(c), m = {
		size: f,
		...u
	}, h = r.isValidElement(t) ? r.cloneElement(t, {
		...t.props,
		...m
	}) : /* @__PURE__ */ i(t, { ...m });
	return /* @__PURE__ */ i("div", {
		className: e(n.Icon, n[`Icon--size-${f}`], n[`Icon--color-${o}`], s && [n["Icon--background"], n[`Icon--background-color-${o}`]], a),
		children: h
	});
};
//#endregion
export { m as Icon, p as defaultIconColor, l as defaultIconSize, f as iconColors, u as iconSizeMap, c as iconSizes, a as namedIconSizes, o as numericIconSizes };

//# sourceMappingURL=Icon.js.map