1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 15:50:28 +01:00
metamask-extension/ui/pages/confirmation/components/confirmation-footer/confirmation-footer.js
2023-03-08 16:33:27 +00:00

51 lines
1.2 KiB
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import classnames from 'classnames';
import Button from '../../../../components/ui/button';
export default function ConfirmationFooter({
onSubmit,
onCancel,
submitText,
cancelText,
loadingText,
alerts,
loading,
submitAlerts,
}) {
return (
<div className="confirmation-footer">
{alerts}
{submitAlerts}
<div className="confirmation-footer__actions">
{onCancel ? (
<Button type="secondary" onClick={onCancel}>
{cancelText}
</Button>
) : null}
<Button
disabled={Boolean(loading)}
type="primary"
onClick={onSubmit}
className={classnames({
centered: !onCancel,
})}
>
{loading ? loadingText : submitText}
</Button>
</div>
</div>
);
}
ConfirmationFooter.propTypes = {
alerts: PropTypes.node,
onCancel: PropTypes.func,
cancelText: PropTypes.string,
onSubmit: PropTypes.func.isRequired,
submitText: PropTypes.string.isRequired,
loadingText: PropTypes.string,
loading: PropTypes.bool,
submitAlerts: PropTypes.node,
};