1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 20:57:12 +01:00
metamask-extension/ui/app/components/page-container/page-container-footer/page-container-footer.component.js

67 lines
1.4 KiB
JavaScript

import React, { Component } from 'react'
import PropTypes from 'prop-types'
import Button from '../../button'
export default class PageContainerFooter extends Component {
static propTypes = {
children: PropTypes.node,
onCancel: PropTypes.func,
cancelText: PropTypes.string,
onSubmit: PropTypes.func,
submitText: PropTypes.string,
disabled: PropTypes.bool,
submitButtonType: PropTypes.string,
}
static contextTypes = {
t: PropTypes.func,
}
render () {
const {
children,
onCancel,
cancelText,
onSubmit,
submitText,
disabled,
submitButtonType,
} = this.props
return (
<div className="page-container__footer">
<header>
<Button
type="default"
large
className="page-container__footer-button"
onClick={e => onCancel(e)}
>
{ cancelText || this.context.t('cancel') }
</Button>
<Button
type={submitButtonType || 'primary'}
large
className="page-container__footer-button"
disabled={disabled}
onClick={e => onSubmit(e)}
>
{ submitText || this.context.t('next') }
</Button>
</header>
{children && (
<footer>
{children}
</footer>
)}
</div>
)
}
}