"use client";
import { jsx, jsxs } from "react/jsx-runtime";
import { useT } from "@open-mercato/shared/lib/i18n/context";
function ChannelRequiresReauthRenderer({ notification }) {
  const t = useT();
  const channelName = notification.metadata?.channelDisplayName ?? t("communication_channels.notifications.channel_requires_reauth.unknownChannel", "A channel");
  const providerKey = notification.metadata?.providerKey ?? "";
  return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
    /* @__PURE__ */ jsx("span", { className: "font-medium text-status-warning-text", children: notification.title ?? t(
      "communication_channels.notifications.channel_requires_reauth.title",
      "Channel needs reconnection"
    ) }),
    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: providerKey ? `${channelName} (${providerKey})` : channelName }),
    /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: notification.body ?? t(
      "communication_channels.notifications.channel_requires_reauth.body",
      "Authentication expired. Reconnect this channel to resume sending and receiving messages."
    ) })
  ] });
}
var ChannelRequiresReauthRenderer_default = ChannelRequiresReauthRenderer;
export {
  ChannelRequiresReauthRenderer,
  ChannelRequiresReauthRenderer_default as default
};
//# sourceMappingURL=ChannelRequiresReauthRenderer.js.map
