text: import React, { Component } from 'react';
  import PropTypes from 'prop-types';
  import { bindActionCreators } from 'redux';
  import { connect } from 'react-redux';
  import { Link } from 'react-router-dom';
  import * as actions from './redux/actions';
  
  export class DefaultPage extends Component {
    static propTypes = {
      home: PropTypes.object.isRequired,
      actions: PropTypes.object.isRequired,
    };
  
    render() {
      return (
        <div className="home-default-page">
          <h1>RHElements demonstration app</h1>
          <p>A demonstration app with common functionality, using RHElements web components to showcase RHElements</p>
          <ul>
            <li><Link to="/card-groups">Card Goups</Link></li>
          </ul>
        </div>
      );
    }
  }
  
  /* istanbul ignore next */
  function mapStateToProps(state) {
    return {
      home: state.home,
    };
  }
  
  /* istanbul ignore next */
  function mapDispatchToProps(dispatch) {
    return {
      actions: bindActionCreators({ ...actions }, dispatch),
    };
  }
  
  export default connect(mapStateToProps, mapDispatchToProps)(DefaultPage);
  