import { jsxs, jsx } from "react/jsx-runtime";
import classNames from "classnames";
import { getSpacingClasses } from "../utils/utils.mjs";
import '../../styles/components/text.css';/* empty css           */
const ListItem = ({
  children,
  className,
  title,
  spacing,
  as,
  ...rest
}) => {
  const ItemElement = as || "li";
  return /* @__PURE__ */ jsxs(
    ItemElement,
    {
      className: classNames(
        "eds-text--list-item",
        getSpacingClasses(spacing, "eds-text--list-item"),
        className
      ),
      ...rest,
      children: [
        title && /* @__PURE__ */ jsx("span", { className: "eds-text--list-item__title eds-text--weight-bold", children: title }),
        children
      ]
    }
  );
};
export {
  ListItem
};
//# sourceMappingURL=ListItem.mjs.map
