Confronta il testo

Trova la differenza tra due file di testo

Editor live
Comprimi invariate
Senza a capo
Layout
Livello di dettaglio
Evidenziazione sintassi

Untitled diff

Creato Il diff non scade mai
1 rimozione
27 linee
10 aggiunte
27 linee
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'
Diff salvati