import React from 'react' ; import { URLS } from '../../constants' ; import styles from './styles.module.scss' ; import { NavigationLink } from './NavigationLink' ; interface AppNavigation { className ? : string ; } const AppNavigation = ( { className } ) : JSX . Element => { return ( < ul className = { `${ styles . root } ${ className || '' }` } > < NavigationLink to = { URLS . COLLECTION } text = "Collection" / > < NavigationLink to = { URLS . RARITY } text = "Rarity hdbk" / > < NavigationLink to = { URLS . STAKE } text = "Staking" / > < NavigationLink to = { URLS . MARKETPLACE } text = "Marketplace" / > < li > < a className = { styles . link } href = { URLS . SANDBOX } > Sandbox < /a> < /li> < li > < a className = { styles . link } href = { URLS . FRAKTION } > Fraktionalization < /a> < /li> < /ul>); } ; export default AppNavigation ;