synapse-react-client/dist/components/Goals/Goals.Mobile.js

[](https://badge.fury.io/js/synapse-react-client) [](https://github.com/prettier/prettie

import { jsx as e, jsxs as o } from "react/jsx-runtime";
import s from "../home_page/ExpandableContent.js";
import { QueryCount as i } from "../QueryCount/QueryCount.js";
import { Button as _ } from "@mui/material";
function b({
  link: t,
  summary: n,
  countSql: l,
  title: a,
  linkText: r = "Explore"
}) {
  return /* @__PURE__ */ e(s, { title: /* @__PURE__ */ o("div", { className: "Goals__Mobile__Header", children: [
    l && /* @__PURE__ */ e("span", { className: "Goals__Mobile__Header__Count", children: /* @__PURE__ */ e(i, { parens: !1, query: { sql: l } }) }),
    /* @__PURE__ */ o("span", { className: "Goals__Mobile__Header__Title", children: [
      " ",
      a,
      " "
    ] })
  ] }), content: /* @__PURE__ */ o("div", { className: "Goals__Mobile__Content", children: [
    /* @__PURE__ */ e("p", { children: n }),
    /* @__PURE__ */ e(
      _,
      {
        variant: "outlined",
        color: "secondary",
        className: "Goals__Mobile__Content__Link",
        href: t,
        children: r
      }
    )
  ] }) });
}
export {
  b as default
};
//# sourceMappingURL=Goals.Mobile.js.map