35 lines
839 B
TypeScript
35 lines
839 B
TypeScript
import React from 'react';
|
|
import { getNavigationValue } from '@brojs/cli';
|
|
import { HeaderContainer, NavContainer, NavItem, NavLink } from './index.style';
|
|
|
|
const navigations: Array<{ name: string; href: string }> = [
|
|
{
|
|
name: 'Главная',
|
|
href: getNavigationValue('kfu-24-teacher.main')
|
|
},
|
|
{
|
|
name: 'Детальная информация',
|
|
href: getNavigationValue('kfu-24-teacher.detail')
|
|
}
|
|
];
|
|
|
|
const Header = (): React.ReactElement => {
|
|
return (
|
|
<HeaderContainer>
|
|
<NavContainer>
|
|
{navigations.map((item) => {
|
|
return (
|
|
<NavItem key={item.name}>
|
|
<NavLink to={item.href} end>
|
|
{item.name}
|
|
</NavLink>
|
|
</NavItem>
|
|
);
|
|
})}
|
|
</NavContainer>
|
|
</HeaderContainer>
|
|
);
|
|
};
|
|
|
|
export default Header;
|