/ src / components / BackButton.astro
BackButton.astro
 1  ---
 2  import ArrowCircleLeftIcon from "~icons/ph/arrow-circle-left";
 3  import HouseSimpleIcon from "~icons/ph/house-simple";
 4  ---
 5  
 6  <nav aria-label="Navigation" class="flex items-center justify-center gap-4 w-full">
 7  	<button 
 8  		type="button" 
 9  		class="flex items-center gap-1 text-sm text-pink-600 font-body bg-transparent border-none cursor-pointer hover:text-pink-800 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:ring-offset-2 rounded px-2 py-1"
10  		onclick="history.back()"
11  		aria-label="Go back to previous page"
12  	>
13  		<ArrowCircleLeftIcon width="16" height="16" /> Back
14  	</button>
15  	<a 
16  		data-astro-prefetch 
17  		href="/" 
18  		class="flex items-center gap-1 text-sm text-pink-600 font-body hover:text-pink-800 focus:outline-none focus:ring-2 focus:ring-pink-400 focus:ring-offset-2 rounded px-2 py-1"
19  		aria-label="Navigate to home page"
20  	>
21  		<HouseSimpleIcon width="16" height="16" /> Home
22  	</a>
23  </nav>