"use client";
import React from "react";
import { IBankAccount } from "typings";

const BankAccount = (props: { account: IBankAccount }) => {
  return (
    <div
      className={" bg-gradient-to-br hover:bg-gradient-to-tr rounded-lg p-3"}
    >
      <div className="text-white">
        <span className={" font-bold"}>MoonBucks</span>
        <h3 className="text-2xl font-bold">
          {props.account.primaryBalance.toLocaleString("en-US", {
            minimumFractionDigits: 2,
            maximumFractionDigits: 2,
          })}{" "}
          kg
        </h3>
      </div>
    </div>
  );
};

export default BankAccount;
