import { createElement, Component } from '@wordpress/element'
import { sprintf, __ } from 'ct-i18n'
import { Link } from '@reach/router'

const Navigation = () => {
	const userNavigationLinks = []

	ctEvents.trigger('ct:dashboard:navigation-links', userNavigationLinks)

	return (
		<ul className="dashboard-navigation">
			<li>
				<Link to="/">{__('Home', 'ct')}</Link>
			</li>
			<li>
				<Link to="/plugins">{__('Recommended Plugins')}</Link>
			</li>

			{userNavigationLinks.map(({ path, text }) => (
				<li key={path}>
					<Link to={path}>{text}</Link>
				</li>
			))}

			<li>
				<Link to="/system">{__('System Status')}</Link>
			</li>
		</ul>
	)
}

export default Navigation