"use client";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
function PortalFeatureCard({ icon, title, description, href, onClick }) {
  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
    icon ? /* @__PURE__ */ jsx("div", { className: "mb-3 flex size-10 items-center justify-center rounded-lg border bg-background text-muted-foreground", children: icon }) : null,
    /* @__PURE__ */ jsx("h3", { className: "text-sm font-semibold text-foreground", children: title }),
    description ? /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm leading-relaxed text-muted-foreground", children: description }) : null
  ] });
  const cls = "flex flex-col rounded-xl border bg-card p-5 transition-colors hover:bg-accent/50";
  if (href) {
    return /* @__PURE__ */ jsx("a", { href, className: cls, children: content });
  }
  if (onClick) {
    return /* @__PURE__ */ jsx("button", { type: "button", onClick, className: `${cls} text-left`, children: content });
  }
  return /* @__PURE__ */ jsx("div", { className: "flex flex-col rounded-xl border bg-card p-5", children: content });
}
export {
  PortalFeatureCard
};
//# sourceMappingURL=PortalFeatureCard.js.map
