npm i smartnav

import { SmartxNav } from 'smartnav';
import { BrowserRouter } from 'react-router-dom';

const LINKS = [{
        display: "MyDemo",
        url: "/1",
    },
    {
        display: "Products",
        url: "/2",
    },
    {
        display: "Finals",
        url: "/3",
    }]
export const Example = () => 
        <>
            <BrowserRouter>
                <SmartxNav 
                    bg='#0b4a91' 
                    nav = LINKS
                />
            </BrowserRouter>
        </>