# blockspare/2.7.0/admin/components/Header.js

BlockSpare – Gutenberg Blocks for News, Magazine, Blog & Business Websites, version 2.7.0. 32 lines.

- Page: https://pluginprobe.com/plugins/blockspare/2.7.0/code/admin/components/Header.js
- Raw: https://pluginprobe.com/plugins/blockspare/2.7.0/raw/admin/components/Header.js
- Modified: 2023-09-19T10:56:02+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.0/code/admin/components/Header.js#L10-L20`.

```javascript
import React from 'react'
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>
                    <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 primary" href='https://www.blockspare.com/pricing/' target='_blank'>{__('Upgrade Now', 'blockspare')}</a>
                    </div>
                    <div className="bs-dashboare-menu-mobile">
                        <MobileMenu activeNavHandler={activeNavHandler} current={current} />
                    </div>
                </div>
            </Container>
        </header>
    )
}

export default Header

```