<header class="header-primary">
    <div class="header-primary__left">
        <button class="hamburger btn" type="button">
			<?xml version="1.0" encoding="utf-8"?>
			<svg
				class='hamburger__icon hamburger__close'
				version="1.1"
				id="Layer_1"
				xmlns="http://www.w3.org/2000/svg"
				xmlns:xlink="http://www.w3.org/1999/xlink"
				x="0px"
				y="0px"
				width="24px"
				height="24px"
				viewBox="0 0 24 24"
				enable-background="new 0 0 24 24"
				xml:space="preserve">
			<path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/><path d="M0 0h24v24H0z" fill="none"/>
			</svg>
			<?xml version="1.0" encoding="utf-8"?>
			<svg
				class='hamburger__icon hamburger__open'
				version="1.1"
				id="Layer_1"
				xmlns="http://www.w3.org/2000/svg"
				xmlns:xlink="http://www.w3.org/1999/xlink"
				x="0px"
				y="0px"
				width="24px"
				height="24px"
				viewBox="0 0 24 24"
				enable-background="new 0 0 24 24"
				xml:space="preserve">
			<path d="M0 0h24v24H0z" fill="none"/><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"/>
			</svg>
		</button>
        <p class="header-primary__lockup" href="#">
            <?xml version="1.0" encoding="utf-8"?>
            <svg class='header-primary__lockup-icon' version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
				<path d="M15.8257 20.4749H3.61499L11.6332 2.31812L17.1883 14.5062H13.3626M13.6324 14.5C13.6324 15.6045 12.737 16.5 11.6324 16.5C10.5279 16.5 9.63245 15.6045 9.63245 14.5C9.63245 13.3954 10.5279 12.5 11.6324 12.5C12.737 12.5 13.6324 13.3954 13.6324 14.5ZM20.1416 20.446C20.1416 21.5506 19.2462 22.446 18.1416 22.446C17.037 22.446 16.1416 21.5506 16.1416 20.446C16.1416 19.3414 17.037 18.446 18.1416 18.446C19.2462 18.446 20.1416 19.3414 20.1416 20.446Z" stroke="white" fill="none"/>
				</svg>
            <p class="header-primary__text"><a href="#">Sprucebot</a></p>
        </p>
    </div>
    <div class="header-primary__right">
        <button class="btn btn-small " type="button">
					<span class="btn__inner">
							<span class="btn__text">Log In</span>
						
					</span>	
			</button>
        <button class="btn btn-primary btn-small " type="button">
					<span class="btn__inner">
							<span class="btn__text">Sign Up</span>
						
					</span>	
			</button>
    </div>
</header>
<header class="header-primary">
	<div class="header-primary__left">
		{{> @hamburger}}
		{{#if business}}
			<div>
				<p class="header-primary__text"><a href="#">{{{business}}}</a></p>
				{{#if address}}
				<p class="header-primary__text header-primary__address"><a href="#">{{{address}}}</a></p>
				{{/if}}
			</div>
		{{else}}
			<p class="header-primary__lockup" href="#">
				{{> @default-lockup}}
			</p>
		{{/if}}
	</div>
	<div class="header-primary__right">
		{{#if user}}
			{{> @search class="text-input-small" placeholder="Search anything…"}}
			{{> @user-menu}}
		{{else}}
			{{> @button className="btn-small" text="Log In"}}
			{{> @button className="btn-primary btn-small" text="Sign Up"}}
		{{/if}}
	</div>
</header>
{
  "openIcon": "<path d=\"M0 0h24v24H0z\" fill=\"none\"/><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"/>",
  "closeIcon": "<path d=\"M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/><path d=\"M0 0h24v24H0z\" fill=\"none\"/>"
}

Primary Header

The Primary Header communicates to the user whether or not they are logged in and indicates which business they are logged in to, as well as providing access to their personal profile and a global search.