components

SurveyFrontend/src/components/NavigationItem/NavigationItem.tsx

@@ -0,0 +1,20 @@
+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;