import React, { Component } from 'react';
import translate from 'translations';

export type Props = {
  originKind: string,
  originAmount: string,
  paymentAddress: string
};

export default class PaymentInfo extends Component {
  props: Props;

  render() {
    return (
      <section className="row text-center">
        <h1>
          <span>
            {translate('SWAP_order_CTA')}
          </span>
          <strong>
            {this.props.originAmount} {this.props.originKind}{' '}
          </strong>
          <span>
            {translate('SENDModal_Content_2')}
          </span>
          <br />
          <strong className="mono text-primary">
            {this.props.paymentAddress}
          </strong>
        </h1>
      </section>
    );
  }
}