1 files changed, 44 insertions, 0 deletions
diff --git a/examples/blog-multiple-authors/src/components/Pagination.astro b/examples/blog-multiple-authors/src/components/Pagination.astro
new file mode 100644
index 000000000..401931c07
--- /dev/null
+++ b/examples/blog-multiple-authors/src/components/Pagination.astro
@@ -0,0 +1,44 @@
+---
+export interface Props {
+  prevUrl: string;
+  nextUrl: string;
+}
+
+const { prevUrl, nextUrl } = Astro.props;
+---
+
+<style lang="scss">
+.nav {
+  display: flex;
+  margin-right: auto;
+  margin-left: auto;
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
+
+.prev,
+.next {
+  display: block;
+  text-transform: uppercase;
+  font-size: 0.8em;
+
+  &[href="#"] {
+    display: none;
+  }
+}
+
+.prev {
+  margin-right: auto;
+}
+
+.next {
+  margin-left: auto;
+}
+</style>
+
+<div class="wrapper">
+  <nav class="nav">
+    <a class="prev" href={prevUrl || '#'} aria-label="Previous Page">Prev</a>
+    <a class="next" href={nextUrl || '#'} aria-label="Next Page">Next</a>
+  </nav>
+</div>