import React from 'react';
import PassportContent from './PassportContent';
import Printer from '../../Printer/Printer';

class PassportPrint extends React.Component {
  constructor(props) {
    super(props);
    // create a ref to store the textInput DOM element
    this.passportContent = React.createRef();
  }

  render() {
    const {
      triggerComponent, onAfterPrint, passport
    } = this.props;

    return (
      <div>
        <Printer
          trigger={() => (
            triggerComponent
          )}
          content={() => this.passportContent}
          onAfterPrint={onAfterPrint}
        />
        <div style={{ display: 'none' }}>
          <PassportContent
            passport={passport}
            ref={(el) => { this.passportContent = el; }}
          />
        </div>

      </div>
    );
  }
}


export default PassportPrint;