Untitled diff
27 lines
type PaginationLinkProps = {
type PaginationLinkProps<TOptions> = {
isActive?: boolean
isActive?: boolean
} & Pick<ButtonProps, 'size'> &
} & Pick<ButtonProps, 'size'> &
LinkComponentProps
ValidateLinkOptions<TOptions>
const PaginationLink = ({ className, isActive, size = 'icon', ...props }: PaginationLinkProps) => (
const PaginationLink = <TOptions,>({ className, isActive, size = 'icon', ...props }: PaginationLinkProps<TOptions>) => (
<Link
<Link
aria-current={isActive ? 'page' : undefined}
aria-current={isActive ? 'page' : undefined}
className={cn(
className={cn(
buttonVariants({
buttonVariants({
variant: isActive ? 'outline' : 'ghost',
variant: isActive ? 'outline' : 'ghost',
size
size
}),
}),
className
className
)}
)}
{...props}
{...(props as any)}
/>
/>
)
)
PaginationLink.displayName = 'PaginationLink'
PaginationLink.displayName = 'PaginationLink'
const PaginationPrevious = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (
const PaginationPrevious = <TOptions,>({ className, ...props }: React.ComponentProps<typeof PaginationLink<TOptions>>) => (
<PaginationLink aria-label="Go to previous page" size="default" className={cn('gap-1 pl-2.5', className)} {...props}>
<PaginationLink aria-label="Go to previous page" size="default" className={cn('gap-1 pl-2.5', className)} {...(props as any)}>
<ChevronLeft className="h-4 w-4" />
<ChevronLeft className="h-4 w-4" />
<span>Previous</span>
<span>Previous</span>
</PaginationLink>
</PaginationLink>
)
)
PaginationPrevious.displayName = 'PaginationPrevious'
PaginationPrevious.displayName = 'PaginationPrevious'