# All files / src/components/PageNavigation PageNavigation.js

100% Statements 3/3
100% Branches 5/5
100% Functions 1/1
100% Lines 3/3

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

    6x

    168x

    168x

     import './PageNavigation.css';

    const VARIANT_CLASSES = {
      card: 'page-navigation--card',
      'below-form': 'page-navigation--below-form',
      'on-dark': 'page-navigation--on-dark',
      inline: ''
    };

    function PageNavigation({
      children,
      variant = 'card',
      ariaLabel = 'Navigation principale',
      className = ''
    }) {
      const variantClass = VARIANT_CLASSES[variant] ?? '';

      return (
        <nav
          className={`page-navigation ${variantClass} ${className}`.trim()}
          aria-label={ariaLabel}
          data-testid="page-navigation"
        >
          {children}
        </nav>
      );
    }

    export default PageNavigation;