// Copyright (c) 2020-2021 Drew Lemmy
// This file is part of KristWeb 2 under GPL-3.0.
// Full details: https://github.com/tmpim/KristWeb2/blob/master/LICENSE.txt
import { useTranslation, Trans } from "react-i18next";

import { KristAddressWithNames } from "@api/lookup";
import { KristValue } from "@comp/krist/KristValue";

interface Props {
  address?: KristAddressWithNames;
  nameHint?: boolean;
}

export function AddressHint({ address, nameHint }: Props): JSX.Element {
  const { t } = useTranslation();

  return <span className="address-picker-hint address-picker-address-hint">
    {nameHint
      ? (
        // Show the name count if this picker is relevant to a name transfer
        <Trans t={t} i18nKey="addressPicker.addressHintWithNames">
          Balance: <b>{{ names: address?.names || 0 }}</b>
        </Trans>
      )
      : (
        // Otherwise, show the balance
        <Trans t={t} i18nKey="addressPicker.addressHint">
          Balance: <KristValue value={address?.balance || 0} />
        </Trans>
      )
    }
  </span>;
}