test-task-sws

1
import { IconsNames } from "../../ts/enums/IconsNames";
2
import styles from "./NavItem.module.scss";
3

4
type INavItem = {
5
	navIconName: IconsNames;
6
	navName: string;
7
	active: boolean;
8
	setActiveNav: (navName: string) => void;
9
};
10

11
/**
12
 * NavItem component
13
 */
14
export default function NavItem(props: INavItem) {
15
	return (
16
		<>
17
			<div className={props.active ? styles["nav-item-active"] : styles["nav-item"]} onClick={() => props.setActiveNav(props.navName)}>
18
				<img src={`/${props.navIconName}.svg`} alt="nav-icon" />
19
				<span>{props.navName}</span>
20
			</div>
21
		</>
22
	);
23
}
24