import React from 'react';
import { PaymentStatus } from '../lib/types';
import { useTranslations } from 'next-intl';
// ─── Payme Logo SVG ────────────────────────────────────────────────────────────
const PaymeLogo: React.FC = () => (
);
// ─── Spinner ───────────────────────────────────────────────────────────────────
const Spinner: React.FC = () => (
);
// ─── PaymeButton ───────────────────────────────────────────────────────────────
interface PaymeButtonProps {
onClick: () => void;
status: PaymentStatus;
}
export const PaymeButton: React.FC = ({
onClick,
status,
}) => {
const isLoading = status === 'loading';
const t = useTranslations('Payment');
return (
);
};