@props({'href': '#', 'label': 'Previous'})
<a href="{{ href }}" aria-label="Go to previous page" data-slot="pagination-previous" {{ attributes.cn("inline-flex shrink-0 cursor-pointer items-center justify-center gap-1 whitespace-nowrap rounded-md text-sm font-medium transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 h-9 px-2.5 hover:bg-accent hover:text-accent-foreground sm:pl-2.5 dark:hover:bg-accent/50") }}><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m15 18-6-6 6-6"/></svg><span class="hidden sm:block">{{ label }}</span></a>