V-9nEU6LIw…577Qss

import { j as e } from "./index-CeMnqBop.js";
import { C as o } from "./circle-alert-Y0Ebw64U.js";
function s({ status: r }) {
  const d = "flex items-center gap-1 text-[11px] font-medium px-2 py-1 rounded-full border transition-colors";
  return r.isLoggedIn && r.syncPhase === "error" ? e.jsxs("button", { onClick: r.syncNow, className: `${d} bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-300 border-red-200 dark:border-red-800`, title: "\u30AF\u30E9\u30A6\u30C9\u4FDD\u5B58\u306B\u7E70\u308A\u8FD4\u3057\u5931\u6557\u3057\u3066\u3044\u307E\u3059\u3002\u30AF\u30EA\u30C3\u30AF\u3067\u518D\u8A66\u884C\uFF08\u3053\u306E\u7AEF\u672B\u306E\u30C7\u30FC\u30BF\u306F\u7121\u4E8B\u3067\u3059\uFF09", children: [e.jsx(o, { className: "w-3 h-3" }), " \u4FDD\u5B58\u30A8\u30E9\u30FC"] }) : r.isLoggedIn && r.restoreFailed ? e.jsxs("button", { onClick: r.retryRestore, className: `${d} bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-300 border-red-200 dark:border-red-800`, title: "\u30AF\u30E9\u30A6\u30C9\u304B\u3089\u306E\u8AAD\u307F\u8FBC\u307F\u306B\u5931\u6557\u3057\u307E\u3057\u305F\uFF08\u3053\u306E\u7AEF\u672B\u306E\u30C7\u30FC\u30BF\u306F\u7121\u4E8B\u3067\u3059\uFF09\u3002\u30AF\u30EA\u30C3\u30AF\u3067\u518D\u53D6\u5F97", children: [e.jsx(o, { className: "w-3 h-3" }), " \u5FA9\u5143\u30A8\u30E9\u30FC"] }) : null;
}
export {
  s as S
};