2 files changed, 36 insertions, 0 deletions
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>