Function Pager

website/app/components/docs/Pager.tsx:12–42

({ pager }: PagerProps)

}

export const Pager = ({ pager }: PagerProps) => (
	<nav className={classes.pager} aria-label="Documentation pagination">
		{pager.previous ? (
			<Link to={pager.previous.url} className={classes.card} prefetch="render">
				<IconArrowLeft size={18} stroke={1.8} aria-hidden="true" />
				<span>
					<small>Previous</small>
					<strong>{pager.previous.name}</strong>
				</span>
			</Link>
		) : (
			<span />
		)}
		{pager.next ? (
			<Link
				to={pager.next.url}
				className={classes.card}
				prefetch="render"
				data-align="end"
			>
				<span>
					<small>Next</small>
					<strong>{pager.next.name}</strong>
				</span>
				<IconArrowRight size={18} stroke={1.8} aria-hidden="true" />
			</Link>
		) : (
			<span />
		)}
	</nav>
);