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}>
            <button className={`${styles.page} ${isActive ? styles.active : ''}`} onClick={onClick}>
                {title}
            </button>
        </li>
    );
};

export default NavigationItem;