import { connect } from 'react-redux';

import { hasActiveEvent } from '../selectors/activeEvent.js';
import { hasMultipleEvents } from '../selectors/events.js';

import HeaderTitle from './HeaderTitle.js';

const matchStateToProps = (state, ownProps) => {
  const { routeName } = ownProps.navigation.state;

  return {
    activeRoute: routeName,
    hasActiveEvent: hasActiveEvent(state),
    hasMultipleEvents: hasMultipleEvents(state),
  };
};

export default connect(matchStateToProps, null)(HeaderTitle);