metamask-extension/ui/components/app/signature-request/signature-request-footer/signature-request-footer.component.js

import React, { PureComponent } from 'react';
import PropTypes from 'prop-types';
import Button from '../../../ui/button';

export default class SignatureRequestFooter extends PureComponent {
  static propTypes = {
    cancelAction: PropTypes.func.isRequired,
    signAction: PropTypes.func.isRequired,
    disabled: PropTypes.bool,
  };

  static contextTypes = {
    t: PropTypes.func,
  };

  render() {
    const { cancelAction, signAction, disabled = false } = this.props;
    return (
      <div className="signature-request-footer">
        <Button onClick={cancelAction} type="secondary" large>
          {this.context.t('cancel')}
        </Button>
        <Button onClick={signAction} type="primary" disabled={disabled} large>
          {this.context.t('sign')}
        </Button>
      </div>
    );
  }
}