UNPKG

@sb1/ffe-account-selector-react

Version:

Selector for bank accounts with autocomplete.

14 lines (13 loc) 1.15 kB
import React from 'react'; import classnames from 'classnames'; import { balanceWithCurrency, accountFormatter } from '../format'; export function AccountDetails(_a) { var account = _a.account, _b = _a.showBalance, showBalance = _b === void 0 ? true : _b, ariaInvalid = _a.ariaInvalid, locale = _a.locale; var _c = account !== null && account !== void 0 ? account : {}, balance = _c.balance, accountNumber = _c.accountNumber, currencyCode = _c.currencyCode; var isInvalidWithNoAccount = !account && (ariaInvalid === 'true' || ariaInvalid === true); return (React.createElement("div", { className: classnames('ffe-small-text', 'ffe-account-selector-single__details', { 'ffe-account-selector-single__details--invalid-empty': isInvalidWithNoAccount, }) }, account && (React.createElement(React.Fragment, null, React.createElement("div", { className: "ffe-account-selector-single__details--left" }, accountFormatter(accountNumber)), showBalance && (React.createElement("div", { className: "ffe-account-selector-single__details--right" }, balanceWithCurrency(balance, locale, currencyCode))))))); }