@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
17 lines (16 loc) • 833 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { clsx } from 'clsx';
import { forwardRef } from 'react';
import { PageFooterMenu } from './PageFooterMenu';
import { PageFooterMenuLink } from './PageFooterMenuLink';
import { PageFooterSpotlight } from './PageFooterSpotlight';
const PageFooterRoot = forwardRef(({ children, className, ...restProps }, ref) => (_jsx("footer", { ...restProps, className: clsx('ams-page-footer', className), ref: ref, children: children })));
PageFooterRoot.displayName = 'PageFooter';
/**
* @see {@link https://designsystem.amsterdam/?path=/docs/components-containers-page-footer--docs Page Footer docs at Amsterdam Design System}
*/
export const PageFooter = Object.assign(PageFooterRoot, {
Menu: PageFooterMenu,
MenuLink: PageFooterMenuLink,
Spotlight: PageFooterSpotlight,
});