38 lines
897 B
TypeScript
38 lines
897 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 HeaderSearch from '../header-search/header-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>
|
||
|
|
<HeaderSearch />
|
||
|
|
</header>
|
||
|
|
);
|
||
|
|
}
|