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

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

- Page: https://pluginprobe.com/plugins/blockspare/3.1.5/code/admin/components/Header.js
- Raw: https://pluginprobe.com/plugins/blockspare/3.1.5/raw/admin/components/Header.js
- Modified: 2024-03-26T14:27:04+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.1.5/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/pricing/' target='_blank'>
                            {icons.diamond}
                            {__('Unlock All Templates', 'blockspare')}
                        </a>
                    </div>
                    {/* <div className="bs-dashboare-menu-mobile">
                        <MobileMenu activeNavHandler={activeNavHandler} current={current} />
                    </div> */}
                </div>
            </Container>
        </header>
    )
}

export default Header

```