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

100% Statements 20/20
100% Branches 2/2
100% Functions 2/2
100% Lines 20/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
    211x
    1x
    1x
    1x
    1x
    1x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
    17x
     '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>
      )
    }