38 lines
871 B
TypeScript
38 lines
871 B
TypeScript
/**
|
|
* 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 }
|
|
/>
|
|
<Search />
|
|
<div className="woocommerce-marketplace__header-meta">
|
|
<HeaderAccount />
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|