@amsterdam/design-system-react
Version:
All React components from the Amsterdam Design System. Use it to compose pages in your website or application.
8 lines (7 loc) • 641 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const LinkItem = ({ currentPage, linkComponent, linkTemplate, pageNumber }) => {
if (!linkComponent)
return null;
const Link = linkComponent;
return (_jsx("li", { children: _jsxs(Link, { "aria-current": pageNumber === currentPage ? 'page' : undefined, className: "ams-pagination__link", href: linkTemplate(pageNumber), children: [_jsx("span", { className: "ams-visually-hidden", children: pageNumber === currentPage ? `Pagina ${pageNumber}` : `Ga naar pagina ${pageNumber}` }), _jsx("span", { "aria-hidden": true, children: pageNumber })] }) }));
};