import { Localized } from "@fluent/react/compat" ; import React , { FunctionComponent } from "react" ; import { AppBarNavigation } from "coral-ui/components/v2" ; import NavigationLink from "./NavigationLink" ; interface Props { showConfigure : boolean ; showDashboard : boolean ; } const Navigation = ( props ) => ( < AppBarNavigation > < Localized id = "navigation-moderate" > < NavigationLink to = "/admin/moderate" > Moderate < /NavigationLink> < /Localized> < Localized id = "navigation-stories" > < NavigationLink to = "/admin/stories" > Stories < /NavigationLink> < /Localized> < Localized id = "navigation-community" > < NavigationLink to = "/admin/community" > Community < /NavigationLink> < /Localized> { props . showConfigure && ( < Localized id = "navigation-configure" > < NavigationLink to = "/admin/configure" > Configure < /NavigationLink> < /Localized>)} { props . showDashboard && ( < Localized id = "navigation-dashboard" > < NavigationLink to = "/admin/dashboard" > Dashboard < /NavigationLink> < /Localized>)} < /AppBarNavigation>); export default Navigation ;