@theguild/components/dist/components/info-card.js

import { jsx, jsxs } from "react/jsx-runtime";
import { cn } from "../cn";
import { Stud } from "./stud";
function InfoCard({
  as: Root = "div",
  icon,
  heading,
  className,
  children,
  ...rest
}) {
  return /* @__PURE__ */ jsxs(Root, { className: cn("bg-beige-100 p-6 md:p-12", className), ...rest, children: [
    /* @__PURE__ */ jsx(Stud, { children: icon }),
    /* @__PURE__ */ jsx("h3", { className: "mt-4 text-xl font-medium leading-[1.4] text-green-1000 md:mt-6", children: heading }),
    /* @__PURE__ */ jsx("p", { className: "mt-2 text-green-800 md:mt-4", children })
  ] });
}
export {
  InfoCard
};