text: import PropTypes from 'prop-types';
  import React from 'react';
  import { connect } from 'react-redux';
  
  import ApdPreviousActivityTableHI from '../ApdPreviousActivityTable';
  import ApdPreviousActivityTableMMIS from '../ApdPreviousActivityTableMMIS';
  import ApdPreviousActivityTableTotal from '../ApdPreviousActivityTableTotal';
  
  import { selectPreviousActivitySummary } from '../../reducers/apd.selectors';
  
  const PreviousActivities = ({ previousActivitySummary }) => {
    /* eslint-disable react/no-danger */
    return (
      <div>
        <h2>Results of Previous Activities</h2>
        <div dangerouslySetInnerHTML={{ __html: previousActivitySummary }} />
        <hr className="subsection-rule" />
        <h3>Actual Expenditures</h3>
        <ApdPreviousActivityTableHI isViewOnly />
        <ApdPreviousActivityTableMMIS isViewOnly />
        <ApdPreviousActivityTableTotal />
      </div>
    );
  };
  
  PreviousActivities.propTypes = {
    previousActivitySummary: PropTypes.string.isRequired
  };
  
  const mapStateToProps = state => ({
    previousActivitySummary: selectPreviousActivitySummary(state)
  });
  
  export default connect(mapStateToProps)(PreviousActivities);
  