synapse-react-client/dist/components/SubscriptionPage/Topic.js

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

import { jsxs as c, jsx as r } from "react/jsx-runtime";
import d from "../utils/ConditionalWrapper.js";
import { Stack as m, Button as p, Skeleton as s, Link as f } from "@mui/material";
import h from "../IconSvg/IconSvg.js";
function b(n) {
  const { icon: e, isSubscribed: o, isLoading: t, nameHref: l, name: i, onToggleSubscribe: a } = n;
  return /* @__PURE__ */ c(
    m,
    {
      sx: {
        flexDirection: "row",
        alignItems: "center"
      },
      children: [
        /* @__PURE__ */ r(
          p,
          {
            sx: { width: "80px", mr: 3 },
            onClick: a,
            variant: o ? "outlined" : "contained",
            disabled: t,
            children: o ? "Unfollow" : "Follow"
          }
        ),
        /* @__PURE__ */ r(h, { icon: e, sx: { color: "primary.main", mr: 1.5 } }),
        /* @__PURE__ */ r(
          d,
          {
            condition: !i,
            wrapper: s,
            wrapperProps: { width: 300, height: 20 },
            children: /* @__PURE__ */ r(f, { underline: "hover", href: l, target: "_blank", children: i })
          }
        )
      ]
    }
  );
}
export {
  b as default
};
//# sourceMappingURL=Topic.js.map