"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
require('../../styles/components/text.css');const jsxRuntime = require("react/jsx-runtime");
const classNames = require("classnames");
const utils = require("../utils/utils.cjs");
;/* empty css            */
const ListItem = ({
  children,
  className,
  title,
  spacing,
  as,
  ...rest
}) => {
  const ItemElement = as || "li";
  return /* @__PURE__ */ jsxRuntime.jsxs(
    ItemElement,
    {
      className: classNames(
        "eds-text--list-item",
        utils.getSpacingClasses(spacing, "eds-text--list-item"),
        className
      ),
      ...rest,
      children: [
        title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "eds-text--list-item__title eds-text--weight-bold", children: title }),
        children
      ]
    }
  );
};
exports.ListItem = ListItem;
//# sourceMappingURL=ListItem.cjs.map
