import React from 'react';
import PropTypes from 'prop-types';

import { useI18nContext } from '../../../hooks/useI18nContext';
import { HardwareKeyringNames } from '../../../../shared/constants/hardware-wallets';
import { KeyringType } from '../../../../shared/constants/keyring';

export default function KeyRingLabel({ keyring }) {
  const t = useI18nContext();
  let label = null;

  // Keyring value might take a while to get a value
  if (!keyring) {
    return null;
  }
  const { type } = keyring;

  switch (type) {
    case KeyringType.qr:
      label = HardwareKeyringNames.qr;
      break;
    case KeyringType.imported:
      label = t('imported');
      break;
    case KeyringType.trezor:
      label = HardwareKeyringNames.trezor;
      break;
    case KeyringType.ledger:
      label = HardwareKeyringNames.ledger;
      break;
    case KeyringType.lattice:
      label = HardwareKeyringNames.lattice;
      break;
    default:
      label = null;
  }

  ///: BEGIN:ONLY_INCLUDE_IN(mmi)
  if (type.startsWith('Custody') && /JSONRPC/u.test(type)) {
    label = type.split(' - ')[1];
    return null;
  }
  ///: END:ONLY_INCLUDE_IN

  if (label === null) {
    return label;
  }

  return (
    <>{label ? <div className="keyring-label allcaps">{label}</div> : null}</>
  );
}

KeyRingLabel.propTypes = {
  keyring: PropTypes.object,
};