# blockspare/2.7.1/admin/components/Navs.js

BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites, version 2.7.1. 36 lines.

- Page: https://pluginprobe.com/plugins/blockspare/2.7.1/code/admin/components/Navs.js
- Raw: https://pluginprobe.com/plugins/blockspare/2.7.1/raw/admin/components/Navs.js
- Modified: 2023-11-07T14:26:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/blockspare/2.7.1/code/admin/components/Navs.js#L10-L20`.

```javascript
import React from 'react'

const Navs = ({ current, activeNavHandler }) => {

    return (
        <nav className="navigation-items">
            {navs.map((item, i) => (
                <a key={i} className={`navigation-item ${current === i ? "active" : " "}`} onClick={() => activeNavHandler(i)}>{item.title}</a>
            ))}
        </nav>
    )
}

export default Navs


const navs = [
    {
        title: "Welcome",
    },
    // {
    //     title: "Blocks",
    // },
    {
        title: "Designs"
    },
    // {
    //     title: "Settings",
    // },
    // {
    //     title: "Colors"
    // },
    // {
    //     title: "Typography"
    // }
]
```