Revert "Revert "added prismic x astro example. (#2247)"" (#2252)

This reverts commit be36113b791094357f6259fe1419e9a19e1e5d0b.

1 files changed, 36 insertions, 0 deletions

diff --git a/examples/cms-prismic/src/components/Pagination.astro b/examples/cms-prismic/src/components/Pagination.astro
new file mode 100644
index 000000000..d15ed23d1
--- /dev/null
+++ b/examples/cms-prismic/src/components/Pagination.astro
@@ -0,0 +1,36 @@
+---
+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 {
+  margin-right: auto;
+}
+.next {
+  margin-left: auto;
+}
+.prev span {
+  margin-right: .5rem;
+}
+.next span {
+  margin-left: .5rem;
+}
+</style>
+
+<div class="wrapper">
+  <nav class="nav">
+    <a class="prev button" href={prevUrl || '#'} aria-label="Previous Page" style={!prevUrl && "pointer-events: none; background-color: gray;"}><span class="fas fa-arrow-left"></span>Prev</a>
+    <a class="next button" href={nextUrl || '#'} aria-label="Next Page" style={!nextUrl && "pointer-events: none; background-color: gray;"}>Next<span class="fas fa-arrow-right"></span></a>
+  </nav>
+</div>
\ No newline at end of file