import { formatCents } from "@/lib/drinkkaart";

interface ScanResultCardProps {
	userName: string;
	userEmail: string;
	balance: number;
}

export function ScanResultCard({
	userName,
	userEmail,
	balance,
}: ScanResultCardProps) {
	return (
		<div className="rounded-xl border border-white/10 bg-white/5 p-5">
			<div className="mb-4 flex items-start justify-between">
				<div>
					<p className="font-semibold text-lg text-white">{userName}</p>
					<p className="text-sm text-white/50">{userEmail}</p>
				</div>
				<div className="text-right">
					<p className="text-white/40 text-xs">Saldo</p>
					<p className="font-['Intro',sans-serif] text-2xl text-white">
						{formatCents(balance)}
					</p>
				</div>
			</div>
		</div>
	);
}
