import { jsxs, jsx } from "react/jsx-runtime";
import { i as Card, j as CardHeader, k as CardTitle, l as CardDescription, m as CardContent } from "./index.js";
const intro = "reach-InfoCard-module__intro___yH9i6";
const itemList = "reach-InfoCard-module__itemList___ySYR4";
const item = "reach-InfoCard-module__item___bXrCD";
const dot = "reach-InfoCard-module__dot___tJMBM";
const styles = {
  intro,
  itemList,
  item,
  dot
};
const InfoCard = ({
  title,
  description,
  icon: Icon,
  items,
  intro: intro2,
  children
}) => /* @__PURE__ */ jsxs(Card, { children: [
  /* @__PURE__ */ jsxs(CardHeader, { children: [
    /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
      /* @__PURE__ */ jsx(Icon, { className: "h-5 w-5 text-primary" }),
      title
    ] }),
    /* @__PURE__ */ jsx(CardDescription, { children: description })
  ] }),
  /* @__PURE__ */ jsxs(CardContent, { children: [
    intro2 && /* @__PURE__ */ jsx("p", { className: styles.intro, children: intro2 }),
    items && /* @__PURE__ */ jsx("ul", { className: styles.itemList, children: items.map((item2, index) => /* @__PURE__ */ jsxs("li", { className: styles.item, children: [
      /* @__PURE__ */ jsx("span", { className: styles.dot, "data-color": item2.dotColor }),
      /* @__PURE__ */ jsxs("div", { children: [
        item2.title && /* @__PURE__ */ jsx("h5", { children: item2.title }),
        /* @__PURE__ */ jsx("p", { children: item2.description })
      ] })
    ] }, index)) }),
    children
  ] })
] });
export {
  InfoCard as I
};
