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

BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites, version 3.3.3. 37 lines.

- Page: https://pluginprobe.com/plugins/blockspare/3.3.3/code/admin/components/Navs.js
- Raw: https://pluginprobe.com/plugins/blockspare/3.3.3/raw/admin/components/Navs.js
- Modified: 2026-04-16T08:45:50+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/3.3.3/code/admin/components/Navs.js#L10-L20`.

```javascript
import React from 'react'

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

    return (
        <div className="bs-tab-list">
            {navs.map((item, i) => (
                <div key={i} className={`bs-tab ${current === i ? "bs-active-tab" : " "}`} onClick={() => activeNavHandler(i)}>{item.title}</div>
            ))}
        </div>
    )
}

export default Navs


const navs = [

    // {
    //     title: "Blocks",
    // },
    {
        title: "Patterns Library"
    },
    {
        title: "Explore More",
    },
    // {
    //     title: "Settings",
    // },
    // {
    //     title: "Colors"
    // },
    // {
    //     title: "Typography"
    // }
]
```