Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | 1x 2x | // @flow
/* eslint-disable react/jsx-max-depth */
import { Collapse, Header, Logo, Nav, Section, Title } from "./styled"
import type { ComponentProps } from "."
import Container from "components/layout/Container"
import Content from "components/Content"
import Hamburger from "components/Hamburger"
import Navigation from "components/navigation"
import React from "react"
const BluFrameNavBar = ({
isOpen,
logo,
logoLink,
navigationLinks,
onSetIsOpen
}: ComponentProps): React$Node => (
<Section>
<Nav role="navigation">
<Container>
<Header>
<Hamburger onClick={onSetIsOpen} />
<Logo href={logoLink} rel="home" title={logo.title}>
<Title>
<Content content={logo.label} />
</Title>
</Logo>
</Header>
<Collapse open={isOpen}>
<Navigation
navigationLinks={navigationLinks}
onSetIsOpen={onSetIsOpen}
placement="navBar"
/>
</Collapse>
</Container>
</Nav>
</Section>
)
export default BluFrameNavBar
|