import React from "react";
import { View, Text } from "react-native";
import { useTranslation } from "react-i18next";

export default function MoneyCard() {
  const { t } = useTranslation();

  return (
    <View className="flex p-3 space-y-1 bg-primary border-secondary border rounded">
      <Text className="text-white -thin">
        {t("components.moneycard.brand")}
      </Text>
      <Text className="text-secondary font-dmsans">
        {t("components.moneycard.number")}
      </Text>
      <Text className="text-white font-dmsans-medium text-sm">
        {t("components.moneycard.expiryLabel", { date: "12/2024" })}
      </Text>
    </View>
  );
}
