// src/components/List/ListItem.tsx
import classNames from "classnames/dedupe";
import { jsx, jsxs } from "react/jsx-runtime";
var ListItem = ({ ref, ...props }) => {
  const { parentIcon, icon, children, ...otherProps } = props;
  const iconContent = icon || parentIcon;
  const classes = classNames(
    "mobius",
    "mobius-list__item",
    {
      "--has-icon": iconContent
    },
    props.className
  );
  const contentClasses = classNames("mobius", "mobius-list__item-content");
  const iconClasses = classNames("mobius", "mobius-list__icon");
  if (iconContent) {
    return /* @__PURE__ */ jsx("li", { ref, ...otherProps, className: classes, children: /* @__PURE__ */ jsxs("span", { className: contentClasses, children: [
      /* @__PURE__ */ jsx("span", { className: iconClasses, children: iconContent }),
      children
    ] }) });
  }
  return /* @__PURE__ */ jsx("li", { ref, ...otherProps, className: classes, children });
};
ListItem.displayName = "ListItem";

export {
  ListItem
};
//# sourceMappingURL=chunk-ZUWZC5TE.js.map
