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;
|