import { j as e } from "./index-c65ca4a4.mjs";
const a = ({
  icon: l,
  title: i,
  detail: r,
  extra: s
}) => /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col gap-4 md:flex-row", children: [
  /* @__PURE__ */ e.jsx("div", { className: "h-14 w-14", children: l }),
  /* @__PURE__ */ e.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
    /* @__PURE__ */ e.jsx("h3", { children: i }),
    /* @__PURE__ */ e.jsx("div", { className: "text-grey-600", children: r }),
    s && /* @__PURE__ */ e.jsx("div", { className: "mt-4", children: s })
  ] })
] });
export {
  a as I
};
//# sourceMappingURL=IntegrationHeader-a0a2e0a4.mjs.map
