Столкнулась с проблемой при создании анимации меню на React?

Question

[vikkiWEB]

import React from 'react';
import  './Navigation.css';
import { NavLink } from 'react-router-dom';


const Navigation = () => {
    return   ( 
                <div>  
                    <div className='nav__top' >
                        <button className='bt__nav'><NavLink to="homepage">Home</NavLink></button>
                        <button className='bt__nav'><NavLink to="/contactpage">Contact</NavLink></button>
                        <div class="animation__top"></div>
                    </div>
                </div>
                
               
)
}


export default Navigation;

Скриншот фрагмента кода удалён модератором.
animation__top- это линия , которая должна плавно ездит от одного пункта к другому по клику и фиксироваться на активном пункте.

Comments

[Алексей Дубровин]

Для начала, узнать, как называется штучка, на которой вы пишите код

[Модератор]

Скриншот фрагмента кода удалён модератором. Фрагменты кода надо размещать в виде текста и оборачивать тэгом code для корректного отображения. Удобно делать кнопкой </>
Это обязательно, см.п.3.8 Регламента.
Сюда же относится traceback, ввод и вывод в консоли и другая структурированная текстовая инфа.

[vikkiWEB]

Модератор, спасибо, пока учусь как правильно.

[vikkiWEB]

Алексей Дубровин, пишу в VS code в него подключила react