cherry-styled-components/dist/icon.js

Cherry is a design system for the modern web. Designed in Figma, built in React using Typescript.

import { jsx } from "react/jsx-runtime";
import { icons } from "lucide-react";
//#region src/lib/icon.tsx
var Icon = ({ name, color, size, className, "aria-label": ariaLabel }) => {
	const LucideIcon = icons[name];
	if (!LucideIcon) return null;
	return /* @__PURE__ */ jsx(LucideIcon, {
		color,
		size,
		className,
		"aria-label": ariaLabel,
		"aria-hidden": !ariaLabel,
		role: ariaLabel ? "img" : void 0
	});
};
//#endregion
export { Icon };