import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { c as cx } from './index-De1g9FRV.js';
import { u as useLayoutPropsUtil } from './useLayoutPropsUtil-CB_zHDbW.js';

import './Icon.css';const icon = "_icon_r7g29_1";
const small = "_small_r7g29_38";
const medium = "_medium_r7g29_42";
const large = "_large_r7g29_46";
const xlarge = "_xlarge_r7g29_50";
const styles = {
	icon: icon,
	small: small,
	medium: medium,
	large: large,
	xlarge: xlarge
};

const Icon = forwardRef((props, ref) => {
  const { layoutStyles, componentProps } = useLayoutPropsUtil(props);
  const {
    size = "medium",
    className,
    svg: Svg2,
    inherit,
    style,
    color,
    ...rest
  } = componentProps;
  const iconClassNames = cx([styles["icon"]], className, {
    [styles["small"]]: size === "small",
    [styles["medium"]]: size === "medium",
    [styles["large"]]: size === "large",
    [styles["xlarge"]]: size === "xlarge"
  });
  const styleCombined = {
    color: color ? color : inherit ? "inherit" : void 0,
    ...style,
    ...layoutStyles
  };
  return /* @__PURE__ */ jsx(
    "span",
    {
      className: iconClassNames,
      "data-anv": "icon",
      style: styleCombined,
      ref,
      ...rest,
      children: /* @__PURE__ */ jsx(Svg2, {})
    }
  );
});
Icon.displayName = "Icon";

export { Icon as I };
//# sourceMappingURL=Icon-BMMbp40n.js.map
