mirror of https://github.com/kremalicious/blog.git
28 lines
774 B
TypeScript
28 lines
774 B
TypeScript
import React from 'react'
|
|
import { Link } from 'gatsby'
|
|
import Search from '../molecules/Search'
|
|
import Menu from '../molecules/Menu'
|
|
import ThemeSwitch from '../molecules/ThemeSwitch'
|
|
import { ReactComponent as Logo } from '../../images/logo.svg'
|
|
import * as styles from './Header.module.css'
|
|
|
|
export default function Header(): JSX.Element {
|
|
return (
|
|
<header role="banner" className={styles.header}>
|
|
<div className={styles.headerContent}>
|
|
<h1 className={styles.title}>
|
|
<Link to="/">
|
|
<Logo className={styles.logo} /> kremalicious
|
|
</Link>
|
|
</h1>
|
|
|
|
<nav role="navigation" className={styles.nav}>
|
|
<ThemeSwitch />
|
|
<Search />
|
|
<Menu />
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
)
|
|
}
|