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