diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-09-27 18:43:25 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-10-24 12:25:00 +0200 |
| commit | d17d894f398650209c0ddd29502308de8c07bd93 (patch) | |
| tree | 858402dfd362e74686d25fec155f247ad3217635 /src/components/organisms/layout/header.tsx | |
| parent | 7255d25f6834a208c0ed44636356cc260f6ab6ba (diff) | |
feat(components): add Article, Aside, Footer, Header, Main & Nav
Some components have been renamed to be able to create Footer, Header
and Nav.
Diffstat (limited to 'src/components/organisms/layout/header.tsx')
| -rw-r--r-- | src/components/organisms/layout/header.tsx | 44 |
1 files changed, 0 insertions, 44 deletions
diff --git a/src/components/organisms/layout/header.tsx b/src/components/organisms/layout/header.tsx deleted file mode 100644 index d2f7620..0000000 --- a/src/components/organisms/layout/header.tsx +++ /dev/null @@ -1,44 +0,0 @@ -import { FC } from 'react'; -import { Branding, type BrandingProps } from '../../molecules'; -import { Toolbar, type ToolbarProps } from '../toolbar'; -import styles from './header.module.scss'; - -export type HeaderProps = BrandingProps & - Pick< - ToolbarProps, - 'ackeeStorageKey' | 'motionStorageKey' | 'nav' | 'searchPage' - > & { - /** - * Set additional classnames to the header element. - */ - className?: string; - }; - -/** - * Header component - * - * Render the website header. - */ -export const Header: FC<HeaderProps> = ({ - ackeeStorageKey, - className, - motionStorageKey, - nav, - searchPage, - ...props -}) => { - return ( - <header className={`${styles.wrapper} ${className}`}> - <div className={styles.body}> - <Branding {...props} /> - <Toolbar - ackeeStorageKey={ackeeStorageKey} - className={styles.toolbar} - motionStorageKey={motionStorageKey} - nav={nav} - searchPage={searchPage} - /> - </div> - </header> - ); -}; |
