From 008f92fa1f700aa87eb00d7d7865fedc072b332a Mon Sep 17 00:00:00 2001
From: Stefan Imhoff <stefan@imhoff.name>
Date: Fri, 15 Dec 2023 13:23:54 +0100
Subject: [PATCH] chore: replace sprites in Pagination

---
 src/components/Pagination.astro | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Pagination.astro b/src/components/Pagination.astro
index f5b4015..0175efa 100644
--- a/src/components/Pagination.astro
+++ b/src/components/Pagination.astro
@@ -1,5 +1,5 @@
 ---
-import { Sprite } from 'astro-icon';
+import { ArrowLeftS, ArrowRightS } from './icons';
 
 export interface Props {
 	previousUrl?: string;
@@ -21,7 +21,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
 			title={previousText || 'Previous'}
 		>
 			<div class="pagination flex h-[40px] w-[40px] cursor-pointer items-center justify-center rounded-[50%] bg-black/5 outline-none transition-opacity duration-500 ease-in-out group-hover:bg-black/20 group-focus:bg-black/20 dark:bg-white/5 dark:group-hover:bg-white/20 dark:group-focus:bg-white/20">
-				<Sprite name="ri:arrow-left-s-line" aria-hidden="true" class="h-icon w-icon" />
+				<ArrowLeftS aria-hidden="true" class="icon h-icon w-icon" />
 			</div>
 		</a>
 	)
@@ -36,7 +36,7 @@ const { nextText, nextUrl, previousText, previousUrl } = Astro.props;
 			title={nextText || 'Next'}
 		>
 			<div class="pagination flex h-[40px] w-[40px] cursor-pointer items-center justify-center rounded-[50%] bg-black/5 outline-none transition-opacity duration-500 ease-in-out group-hover:bg-black/20 group-focus:bg-black/20 dark:bg-white/5 dark:group-hover:bg-white/20 dark:group-focus:bg-white/20">
-				<Sprite name="ri:arrow-right-s-line" aria-hidden="true" class="h-icon w-icon" />
+				<ArrowRightS aria-hidden="true" class="icon h-icon w-icon" />
 			</div>
 		</a>
 	)