# blockspare/3.3.3/admin/components/Header.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/Header.js
- Raw: https://pluginprobe.com/plugins/blockspare/3.3.3/raw/admin/components/Header.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/Header.js#L10-L20`.

```javascript
import React from 'react'
import icons from '../../src/assets/icons'
import Container from './Container'
import MobileMenu from './MobileMenu'
import Navs from './Navs'

const { __ } = wp.i18n

const Header = ({current, activeNavHandler}) => {
    return (
        <header>
            <Container>
                <div className="navigation-wrapper">
                    <div className="plugin-logo" onClick={() => activeNavHandler(0)}>
                        {/* <img src={blockspare_dashboard.logo} alt="Blockdpare Logo" /> */}
                    </div>
                    <Navs activeNavHandler={activeNavHandler} current={current} />
                    {/* <div className="bs-dashboare-menu-desktop">
                        <Navs activeNavHandler={activeNavHandler} current={current} />
                    </div> */}
                    <div className="bs-dashboard-upgrade-button links-panel">
                        <a className="bs-dashboard__button bs-upgrade-button" href='https://www.blockspare.com/' target='_blank'>
                            {icons.diamond}
                            {__('Unlock All Features', 'blockspare')}
                        </a>
                    </div>
                    {/* <div className="bs-dashboare-menu-mobile">
                        <MobileMenu activeNavHandler={activeNavHandler} current={current} />
                    </div> */}
                </div>
            </Container>
        </header>
    )
}

export default Header

```