import React from 'react';
import SettingsPage from 'page/settings';
import HelpPage from 'page/help';
import ReportPage from 'page/report.js';
import StartPage from 'page/start.js';
import WalletPage from 'page/wallet';
import ShowPage from 'page/showPage';
import PublishPage from 'page/publish';
import DiscoverPage from 'page/discover';
import SplashScreen from 'component/splash.js';
import DeveloperPage from 'page/developer.js';
import RewardsPage from 'page/rewards.js';
import FileListDownloaded from 'page/fileListDownloaded';
import FileListPublished from 'page/fileListPublished';
import ChannelPage from 'page/channel';
import SearchPage from 'page/search';

const route = (page, routesMap) => {
	const component = routesMap[page];

	return component;
};

const Router = props => {
	const { currentPage, params } = props;

	return route(currentPage, {
		settings: <SettingsPage {...params} />,
		help: <HelpPage {...params} />,
		report: <ReportPage {...params} />,
		downloaded: <FileListDownloaded {...params} />,
		published: <FileListPublished {...params} />,
		start: <StartPage {...params} />,
		wallet: <WalletPage {...params} />,
		send: <WalletPage {...params} />,
		receive: <WalletPage {...params} />,
		show: <ShowPage {...params} />,
		channel: <ChannelPage {...params} />,
		publish: <PublishPage {...params} />,
		developer: <DeveloperPage {...params} />,
		discover: <DiscoverPage {...params} />,
		rewards: <RewardsPage {...params} />,
		search: <SearchPage {...params} />
	});
};

export default Router;