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 | 1x 5x | // @flow
import { Bar, Button, ScreenReaderOnly } from "./styled"
import type { ComponentProps } from "."
import React from "react"
const Hamburger = ({
onClick,
isMenuExpanded = false,
menuId
}: ComponentProps): React$Node => (
<Button
aria-controls={menuId}
aria-expanded={isMenuExpanded}
aria-label="Toggle navigation"
onClick={onClick}
role="menu"
type="button"
>
<ScreenReaderOnly>{"Toggle navigation"}</ScreenReaderOnly>
<Bar />
<Bar />
<Bar />
</Button>
)
export default Hamburger
|