@coin-voyage/paykit
Version:
Seamless crypto payments. Onboard users from any chain, any coin into your app with one click.
15 lines (14 loc) • 842 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { formatTime } from "@coin-voyage/shared/common";
import useLocales from "../../../hooks/useLocales";
import CircleTimer from "../CircleTimer";
import { ModalBody } from "../Modal/styles";
import { CountdownRow, SmallText } from "./styles";
export function CountdownTimer({ remainingS, totalS }) {
const locales = useLocales();
if (totalS === 0 || remainingS > 3600) {
return _jsx(SmallText, { children: locales.sendOnlyOnce });
}
const isExpired = remainingS === 0;
return (_jsx(ModalBody, { children: _jsxs(CountdownRow, { children: [!isExpired && _jsx(CircleTimer, { total: totalS, currentTime: remainingS, size: 18, stroke: 3 }), _jsx("strong", { children: isExpired ? (locales.expired ?? "Expired") : formatTime(remainingS) })] }) }));
}