From 65ee69c64569a65c5768a3ca7993153aafe21478 Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Thu, 12 Sep 2024 22:38:34 +0000
Subject: Refactor Pagination component and add Next and Prev components

---
 src/components/Pagination/Next.astro | 18 ++++++++++++++++++
 src/components/Pagination/Prev.astro | 18 ++++++++++++++++++
 2 files changed, 36 insertions(+)
 create mode 100644 src/components/Pagination/Next.astro
 create mode 100644 src/components/Pagination/Prev.astro

(limited to 'src/components/Pagination')

diff --git a/src/components/Pagination/Next.astro b/src/components/Pagination/Next.astro
new file mode 100644
index 0000000..1a95710
--- /dev/null
+++ b/src/components/Pagination/Next.astro
@@ -0,0 +1,18 @@
+---
+type Props = {
+	readonly url: string;
+};
+
+const { url } = Astro.props;
+---
+
+<style lang="scss">
+	span {
+		float: right;
+		max-width: 40%;
+	}
+</style>
+
+<span>
+	<a href={url}>Next &gt;</a>
+</span>
diff --git a/src/components/Pagination/Prev.astro b/src/components/Pagination/Prev.astro
new file mode 100644
index 0000000..2454876
--- /dev/null
+++ b/src/components/Pagination/Prev.astro
@@ -0,0 +1,18 @@
+---
+type Props = {
+	readonly url: string;
+};
+
+const { url } = Astro.props;
+---
+
+<style lang="scss">
+	span {
+		float: left;
+		max-width: 40%;
+	}
+</style>
+
+<span>
+	<a href={url}>&lt; Prev</a>
+</span>
-- 
cgit v1.2.3