import React from 'react'; import PropTypes from 'prop-types'; import Typography from '../../ui/typography/typography'; import { COLORS, TYPOGRAPHY } from '../../../helpers/constants/design-system'; export default function TransactionTotalBanner({ total = '', detail = '', timing, }) { return (
{total} {detail && ( {detail} )} {timing}
); } TransactionTotalBanner.propTypes = { total: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), detail: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), timing: PropTypes.oneOfType([PropTypes.string, PropTypes.node]), };