//@flow
import React from "react";
import { translate } from "react-i18next";
import PrimaryNavigationLink from "./PrimaryNavigationLink";

type Props = {
  t: string => string
};

class PrimaryNavigation extends React.Component<Props> {
  render() {
    const { t } = this.props;
    return (
      <nav className="tabs is-boxed">
        <ul>
          <PrimaryNavigationLink
            to="/repos"
            match="/(repo|repos)"
            label={t("primary-navigation.repositories")}
          />
          <PrimaryNavigationLink
            to="/users"
            match="/(user|users)"
            label={t("primary-navigation.users")}
          />
          <PrimaryNavigationLink
            to="/groups"
            match="/(group|groups)"
            label={t("primary-navigation.groups")}
          />
          <PrimaryNavigationLink
            to="/config"
            label={t("primary-navigation.config")}
          />
          <PrimaryNavigationLink
            to="/logout"
            label={t("primary-navigation.logout")}
          />
        </ul>
      </nav>
    );
  }
}

export default translate("commons")(PrimaryNavigation);