20 lines
No EOL
583 B
TypeScript
20 lines
No EOL
583 B
TypeScript
import React from 'react'
|
|
import styles from './NavigationItem.module.css'
|
|
|
|
interface NavigationItemProps{
|
|
title: string;
|
|
onClick(): void;
|
|
isActive: boolean; //Дописать для активной ссылки, для класса
|
|
}
|
|
|
|
const NavigationItem: React.FC<NavigationItemProps> = ({title, onClick, isActive}) => {
|
|
return (
|
|
<li className={styles.navItem}>
|
|
<a className={`${styles.page} ${isActive ? styles.active : ''}`} onClick={onClick}>
|
|
{title}
|
|
</a>
|
|
</li>
|
|
);
|
|
};
|
|
|
|
export default NavigationItem; |