/**
 * External dependencies
 */

/**
 * Internal dependencies
 */
import './header.scss';
import HeaderTitle from '../header-title/header-title';
import HeaderAccount from '../header-account/header-account';
import Tabs from '../tabs/tabs';
import Search from '../search/search';

export interface HeaderProps {
	selectedTab?: string | undefined;
	setSelectedTab: ( value: string ) => void;
}

export default function Header( props: HeaderProps ) {
	const { selectedTab, setSelectedTab } = props;
	return (
		<header className="woocommerce-marketplace__header">
			<HeaderTitle />
			<Tabs
				additionalClassNames={ [
					'woocommerce-marketplace__header-tabs',
				] }
				selectedTab={ selectedTab }
				setSelectedTab={ setSelectedTab }
			/>
			<div className="woocommerce-marketplace__header-meta">
				<HeaderAccount />
			</div>
			<Search />
		</header>
	);
}