# All files / src/components/layout/navigation Navigation.tsx

0% Statements 0/20
0% Branches 0/1
0% Functions 0/1
0% Lines 0/20

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

     'use client'

    import { List } from '@phosphor-icons/react'
    import { useNavigation } from './useNavigation'

    export function Navigation() {
      const { menuOpen, setMenuOpen } = useNavigation()
      return (
        <button
          className="nav-burger-btn"
          onClick={() => setMenuOpen(!menuOpen)}
          aria-label="Toggle navigation menu"
          aria-expanded={menuOpen}
          aria-controls="navigation-sidebar"
          data-testid="navigation-toggle-btn"
        >
          <List weight="bold" aria-hidden="true" />
        </button>
      )
    }