You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
959 B
35 lines
959 B
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 (
|
|
<div className="transaction-total-banner">
|
|
<Typography color={COLORS.TEXT_DEFAULT} variant={TYPOGRAPHY.H1}>
|
|
{total}
|
|
</Typography>
|
|
{detail && (
|
|
<Typography
|
|
color={COLORS.TEXT_DEFAULT}
|
|
variant={TYPOGRAPHY.H6}
|
|
className="transaction-total-banner__detail"
|
|
>
|
|
{detail}
|
|
</Typography>
|
|
)}
|
|
{timing}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
TransactionTotalBanner.propTypes = {
|
|
total: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
detail: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
timing: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
|
|
};
|
|
|