@amsterdam/design-system-react/dist/PageMenu/PageMenu.js

All React components from the Amsterdam Design System. Use it to compose pages in your website or application.

import { jsx as _jsx } from "react/jsx-runtime";
/**
 * @license EUPL-1.2+
 * Copyright Gemeente Amsterdam
 */
import clsx from 'clsx';
import { forwardRef } from 'react';
import { PageMenuLink } from './PageMenuLink';
/** @deprecated Use the menuItems prop of Header or the Footer.Menu subcomponent instead. */
const PageMenuRoot = forwardRef(({ alignEnd, children, className, wrap = true, ...restProps }, ref) => (_jsx("ul", { ...restProps, className: clsx('ams-page-menu', alignEnd && `ams-page-menu--align-end`, !wrap && `ams-page-menu--no-wrap`, className), ref: ref, children: children })));
PageMenuRoot.displayName = 'PageMenu';
export const PageMenu = Object.assign(PageMenuRoot, { Link: PageMenuLink });