import React from 'react';
import { bindActionCreators } from 'redux';
import { connect } from 'react-redux';
import { fetchNewsCategories } from 'lib/redux/actions/news-actions';


interface NCPI {
	status?,
	news_categories?,
	fetchNewsCategories?,
	Component
}


const
	NewsCategoriesProviderComponent = ({ news_categories, Component, fetchNewsCategories, status }: NCPI) => {
		React.useEffect(() => {
			fetchNewsCategories();
		}, []);

		return <Component news_categories={news_categories} />;
	},
	mapStateToProps = state => state,
	mapDispatchToProps = dispatch => bindActionCreators({
		fetchNewsCategories
	}, dispatch),
	NewsCategoriesProvider = connect(mapStateToProps, mapDispatchToProps)(NewsCategoriesProviderComponent);


export default NewsCategoriesProvider;