import React from 'react';
import { NavLink } from 'react-router-dom';
import './Navbar.scss';

const Navbar: React.FC = () => {
    return (
        <nav className="navbar">
            <ul>
                <li>
                    <NavLink
                        to="/logs"
                        className={({ isActive }) => (isActive ? 'active' : '')}
                    >
                        Логи
                    </NavLink>
                </li>
                <li>
                    <NavLink
                        to="/docs"
                        className={({ isActive }) => (isActive ? 'active' : '')}
                    >
                        Датасеты
                    </NavLink>
                </li>
                <li>
                    <NavLink
                        to="/llmconfig"
                        className={({ isActive }) => (isActive ? 'active' : '')}
                    >
                        Настройки LLM
                    </NavLink>
                </li>
                <li>
                    <NavLink
                        to="/llmprompt"
                        className={({ isActive }) => (isActive ? 'active' : '')}
                    >
                        Системные промпты
                    </NavLink>
                </li>
            </ul>
        </nav>
    );
};

export default Navbar;